script.js

Author: muhammadabdullaharif-pythonProgrammer

Diff for: script.js

@@ -0,0 +1,39 @@
+const inputBox = document.getElementById("input-box"); 
+const listContainer = document.getElementById("list-container");
+
+function addTask() {
+    if (inputBox.value === '') {
+        alert("You must write some Task!");
+    } else {
+        let li = document.createElement("li");
+        li.innerHTML = inputBox.value;
+        listContainer.appendChild(li);
+
+        let span = document.createElement("span");
+        span.innerHTML = "\u00d7";
+        span.classList.add("close");
+        li.appendChild(span);
+    }
+    inputBox.value = "";
+    saveData();
+}
+
+listContainer.addEventListener("click", function (e) {
+    if (e.target.tagName === "LI") {
+        e.target.classList.toggle("checked");
+        saveData();
+    } else if (e.target.tagName === "SPAN") {
+        e.target.parentElement.remove();
+        saveData();
+    }
+}, false);
+
+function saveData() {
+    localStorage.setItem("tasks", listContainer.innerHTML);
+}
+
+function loadTasks() {
+    listContainer.innerHTML = localStorage.getItem("tasks");
+}
+
+loadTasks();