document.addEventListener("DOMContentLoaded", function () {
        const taskInput = document.getElementById("taskInput");
        const taskList = document.getElementById("taskList");
        const addButton = document.getElementById("addButton");

        // Cargar tareas almacenadas en localStorage al cargar la página
        const savedTasks = JSON.parse(localStorage.getItem("tasks")) || [];
        savedTasks.forEach((task) => addTaskToList(task.text));

        // Función para agregar una tarea a la lista
        function addTaskToList(taskText) {
          const taskItem = document.createElement("li");
          taskItem.className = "taskItem";

          const taskSpan = document.createElement("span");
          taskSpan.textContent = taskText;
          taskItem.appendChild(taskSpan);

          const deleteButton = document.createElement("button");
          deleteButton.className = "deleteButton";
          deleteButton.textContent = "Eliminar";
          deleteButton.addEventListener("click", function () {
            taskItem.remove();
            deleteTaskFromLocalStorage(taskText);
          });
          taskItem.appendChild(deleteButton);

          taskList.appendChild(taskItem);
        }

        // Evento para agregar una tarea al hacer clic en el botón
        addButton.addEventListener("click", function () {
          const taskText = taskInput.value.trim();

          if (taskText !== "") {
            const newTask = { text: taskText };
            addTaskToList(newTask.text);
            updateLocalStorage(newTask);
            taskInput.value = "";
          }
        });

        // Función para actualizar el almacenamiento local con las tareas actuales
        function updateLocalStorage(newTask) {
          const savedTasks = JSON.parse(localStorage.getItem("tasks")) || [];
          const updatedTasks = [...savedTasks, newTask];
          localStorage.setItem("tasks", JSON.stringify(updatedTasks));
        }

        // Función para eliminar una tarea del almacenamiento local
        function deleteTaskFromLocalStorage(taskText) {
          const savedTasks = JSON.parse(localStorage.getItem("tasks")) || [];
          const updatedTasks = savedTasks.filter((task) => task.text !== taskText);
          localStorage.setItem("tasks", JSON.stringify(updatedTasks));
        }
      });