Update scripttodo.js

ruty/js/scripttodo.js

@@ -30,13 +30,15 @@ document.addEventListener("DOMContentLoaded", function() {
     const addCategoryButton = document.getElementById("add-category");
     const categoryList = document.getElementById("category-list");
 
+    // Charger la liste depuis le stockage local
+    const storedTodos = JSON.parse(localStorage.getItem("todos")) || [];
+    storedTodos.forEach(todo => {
+        addTodoToList(todo);
+    });
+
     addTodoButton.addEventListener("click", function() {
         const todoText = newTodoInput.value.trim();
         if (todoText !== "") {
-<<<<<<< HEAD
-            addTodoToList(todoText);
-            saveTodoList();
-=======
             const todoItem = document.createElement("li");
             const todoCheckbox = document.createElement("input");
             todoCheckbox.type = "checkbox";
@@ -45,21 +47,12 @@ document.addEventListener("DOMContentLoaded", function() {
             todoItem.appendChild(todoCheckbox);
             todoItem.appendChild(todoSpan);
             todoList.appendChild(todoItem);
->>>>>>> parent of 8931ef5 (Update scripttodo.js)
+            addTodoToList(todoText);
+            saveTodoList();
             newTodoInput.value = "";
         }
     });
 
-    addTagButton.addEventListener("click", function() {
-        const tagText = newTagInput.value.trim();
-        if (tagText !== "") {
-            const tagItem = document.createElement("li");
-            tagItem.textContent = tagText;
-            tagList.appendChild(tagItem);
-            newTagInput.value = "";
-        }
-    });
-
     addCategoryButton.addEventListener("click", function() {
         const categoryText = newCategoryInput.value.trim();
         if (categoryText !== "") {
@@ -78,9 +71,36 @@ document.addEventListener("DOMContentLoaded", function() {
             } else {
                 todoItem.classList.remove("completed");
             }
+            saveTodoList();
         }
     });
 
+    function addTodoToList(todoText) {
+        const todoItem = document.createElement("li");
+        const todoCheckbox = document.createElement("input");
+        todoCheckbox.type = "checkbox";
+        const todoSpan = document.createElement("span");
+        todoSpan.textContent = todoText;
+        todoItem.appendChild(todoCheckbox);
+        todoItem.appendChild(todoSpan);
+        todoList.appendChild(todoItem);
+        if (todoText.completed) {
+            todoItem.classList.add("completed");
+            todoCheckbox.checked = true;
+        }
+    }
+
+    function saveTodoList() {
+        const todos = [];
+        todoList.querySelectorAll("li").forEach(todoItem => {
+            todos.push({
+                text: todoItem.querySelector("span").textContent,
+                completed: todoItem.classList.contains("completed")
+            });
+        });
+        localStorage.setItem("todos", JSON.stringify(todos));
+    }
+
     // Function to load existing todos from localStorage
     function loadTodos() {
         const savedTodos = JSON.parse(localStorage.getItem("todos")) || [];