prevent default not workig this | JavaScript Mastery - Programming & Coding Community | Page 1

        const taskInput = document.getElementById("taskInput");
        const taskText = taskInput.value.trim();

        if (taskText !== "") {
            const taskList = document.getElementById("taskList");

            const newTask = document.createElement("li");
            newTask.innerText = taskText;

            newTask.addEventListener("click", () => {
                newTask.classList.toggle("completed");
            });

            newTask.addEventListener("dblclick", () => {
                taskList.removeChild(newTask);
            });

            const editButton = document.createElement("button");
            editButton.innerText = "Edit";
            editButton.className = "edit-btn";
            editButton.addEventListener("click", (e) => {
                e.stopPropagation();
                const newText = prompt("Edit your task:", newTask.innerText);
                if (newText) {
                    newTask.innerText = newText;
                    newTask.appendChild(editButton); 
                }
            });
            newTask.appendChild(editButton);

            taskList.appendChild(newTask);

            taskInput.value = "";
        }
    };

    document.getElementById("addTaskButton").addEventListener("click", addTask);

    document.getElementById("clearAllButton").addEventListener("click", (event) => {
        event.preventDefault();
        const taskList = document.getElementById("taskList");
        taskList.innerHTML = ""; 
    });
</script> my page keeps refreshing by itself ive added the prevent default and it still doesnt work
#prevent default not workig this
