remove code

2024-03-11 06:53:45 +01:00
parent 3490a98e38
commit 2db1ff4b7a
1 changed files with 1 additions and 100 deletions
@@ -15,102 +15,3 @@ menuTrigger.addEventListener("click", () => {
        overlay.style.display = "block";
    }
 });
 // Todo 
 document.addEventListener("DOMContentLoaded", function() {
    const newTodoInput = document.getElementById("new-todo");
    const addTodoButton = document.getElementById("add-todo");
    const todoList = document.getElementById("todo-list");
    const newTagInput = document.getElementById("new-tag");
    const addTagButton = document.getElementById("add-tag");
    const tagList = document.getElementById("tag-list");
    const newCategoryInput = document.getElementById("new-category");
    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 !== "") {
            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);
            addTodoToList(todoText);
            saveTodoList();
            newTodoInput.value = "";
        }
    });
    addCategoryButton.addEventListener("click", function() {
        const categoryText = newCategoryInput.value.trim();
        if (categoryText !== "") {
            const categoryItem = document.createElement("li");
            categoryItem.textContent = categoryText;
            categoryList.appendChild(categoryItem);
            newCategoryInput.value = "";
        }
    });
    todoList.addEventListener("change", function(event) {
        if (event.target.type === "checkbox") {
            const todoItem = event.target.parentNode;
            if (event.target.checked) {
                todoItem.classList.add("completed");
            } 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")) || [];
        savedTodos.forEach(todo => {
            const todoItem = document.createElement("li");
            todoItem.textContent = todo;
            todoList.appendChild(todoItem);
        });
    }
    // Call loadTodos on page load
    loadTodos();
 });