add style for toggle

Author: The-manpreet-singh

index.html

@@ -209,7 +209,13 @@ <h1>Goal</h1>
 const node = document.createElement("li");
 const text = document.createTextNode(todo.name);
 
-node.appendChild(text);
+ node.appendChild(text);
+ 
+ node.style.textDecoration = todo.complete ? "line-through" : "none";
+
+node.addEventListener("click", () => {
+store.dispatch(toggleTodoAction(todo.id));
+});
 
 document.getElementById("todos").appendChild(node);
 }
@@ -220,6 +226,12 @@ <h1>Goal</h1>
 
 node.appendChild(text);
 
+node.style.textDecoration = todo.complete ? "line-through" : "none";
+
+node.addEventListener("click", () => {
+store.dispatch(toggleTodoAction(goal.id));
+});
+
 document.getElementById("goals").appendChild(node);
 }
 </script>