TodoList/script.js at main · Kintoraa/TodoList · GitHub

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
const form = document.querySelector("form");

const loading = () => {
  if (localStorage.todoList) {
    list.innerHTML = localStorage.todoList;
  } else {
    list.innerHTML += "<li> Cliquez pour supprimer </li>";
  }
};

const getTodo = () => {
  list.innerHTML += "<li> " + text.value + " </li>";
  text.value = "";
  localStorage.todoList = list.innerHTML;
};

const removeTodo = (e) => {
  if (e.target.classList.contains("checked")) {
    e.target.remove();
    localStorage.todoList = list.innerHTML;
  } else {
    e.target.classList.add("checked");
    localStorage.todoList = list.innerHTML;
  }

  return e;
};

window.addEventListener("load", () => {
  loading();
});

form.addEventListener("submit", (e) => {
  e.preventDefault();
  getTodo();
});

list.addEventListener("click", (e) => {
  removeTodo(e);
});