refactor: event delegation

Author: solygambas

049-todo list/script.js

@@ -24,15 +24,6 @@ const addTodo = (todo) => {
       todoElement.classList.add("completed");
     }
     todoElement.innerText = todoText;
-    todoElement.addEventListener("click", () => {
-      todoElement.classList.toggle("completed");
-      updateLocalStorage();
-    });
-    todoElement.addEventListener("contextmenu", (e) => {
-      e.preventDefault();
-      todoElement.remove();
-      updateLocalStorage();
-    });
     todosList.appendChild(todoElement);
     input.value = "";
     updateLocalStorage();
@@ -47,3 +38,18 @@ form.addEventListener("submit", (e) => {
   e.preventDefault();
   addTodo();
 });
+
+todosList.addEventListener("click", (e) => {
+  if (e.target.tagName === "LI") {
+    e.target.classList.toggle("completed");
+    updateLocalStorage();
+  }
+});
+
+todosList.addEventListener("contextmenu", (e) => {
+  if (e.target.tagName === "LI") {
+    e.preventDefault();
+    e.target.remove();
+    updateLocalStorage();
+  }
+});