-
Notifications
You must be signed in to change notification settings - Fork 0
/
todos.js
47 lines (36 loc) · 1.19 KB
/
todos.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
var lista = document.querySelector('#listas');
var btn = document.querySelector('#app button');
var input = document.querySelector('#app input');
var todos = JSON.parse(localStorage.getItem('todos')) || [];
function renderTodos() {
lista.innerHTML = '';
todos.forEach(el => {
var li = document.createElement('li');
li.className = "list-group-item d-flex justify-content-between align-items-center";
var texto = document.createTextNode(el);
li.appendChild(texto);
var remove = document.createElement('button');
remove.className = 'btn btn-danger order-last';
textRemove = document.createTextNode('Remove');
remove.appendChild(textRemove);
remove.setAttribute('onclick', `removeTodo(${todos.indexOf(el)})`)
li.appendChild(remove);
lista.appendChild(li)
});
}
renderTodos();
function addTodo() {
todos.push(input.value);
input.value = '';
renderTodos();
saveToStorage();
}
btn.addEventListener('click', addTodo);
function removeTodo(index) {
todos.splice(index, 1);
renderTodos();
saveToStorage();
}
function saveToStorage() {
localStorage.setItem('todos', JSON.stringify(todos))
}