remove code
This commit is contained in:
@@ -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();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user