-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
66 lines (56 loc) · 1.75 KB
/
index.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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import './style.css';
import addTodo from './modules/addTask.js';
import renderTodos from './modules/renderTasks.js';
import addToLocalStorage from './modules/localStorage.js';
import { clearAll, toggle } from './modules/interactiveList.js';
const taskForm = document.querySelector('.list__form');
const taskInput = document.querySelector('.input__list');
const todoItemsList = document.querySelector('#list__item');
const ClearAllBtn = document.querySelector('.clear__btn');
let todos = [];
taskForm.addEventListener('submit', (event) => {
event.preventDefault();
addTodo(taskInput.value, todos);
});
const getFromLocalStorage = () => {
const reference = localStorage.getItem('todos');
if (reference) {
todos = JSON.parse(reference);
renderTodos(todos);
}
};
/* eslint eqeqeq: 0 */
const deleteTodo = (index) => {
todos = todos.filter((item) => item.index != index);
todos.forEach((task, i) => {
task.index = i;
});
addToLocalStorage(todos);
};
const editTodo = (index, val) => {
todos.forEach((item) => {
if (item.index == index) {
item.description = val;
}
});
addToLocalStorage(todos);
};
getFromLocalStorage();
todoItemsList.addEventListener('click', (event) => {
if (event.target.type === 'checkbox') {
toggle(event.target.parentElement.getAttribute('data-key'), todos);
}
});
todoItemsList.addEventListener('click', (event) => {
if (event.target.classList.contains('delete-button')) {
deleteTodo(event.target.parentElement.getAttribute('data-key'));
}
});
todoItemsList.addEventListener('focusout', (event) => {
if (event.target.type === 'text') {
editTodo(event.target.parentElement.getAttribute('data-key'), event.target.value);
}
});
ClearAllBtn.addEventListener('click', () => {
clearAll(todos);
});