JavaScript addEventListener при отправке не работает ⇐ Html

[Anonymous]

Это вопрос для новичков, но у меня возникли серьезные проблемы с моей первой задачей JavaScript. Я решил изучить JS и начать со списка TODO, но сейчас застрял в самом начале.

Прослушиватель событий, который должен срабатывать при отправке формы, не работает. Когда я меняю событие, которое оно слушает, «щелчок», «фокус» или «размытие», оно работает, но не с отправкой. Кто-нибудь может что-нибудь посоветовать?

PS. Есть ли простое объяснение event.preventDefault(); ? Что он делает и когда его следует использовать?

Огромное спасибо.

Мой HTML:




TODO




My To Do List

• Do the laundry
• Walk the cat

Мой JavaScript:

let newTaskInputForm = document.getElementById('newTaskInput');
let tasksList = document.getElementById("tasksList");
let submitNewTaskButton = document.getElementById("submitNewTaskButton");

function submitNewTask() {
var newTask = newTaskInputForm.value;
var newListItem = document.createElement("li");
var newListTextNode = document.createTextNode(newTask);
newListItem.appendChild(newListTextNode);
tasksList.appendChild(newListItem);
}

newTaskInputForm.addEventListener('submit', function (event) {
event.preventDefault();
submitNewTask(event)
});


Подробнее здесь: https://stackoverflow.com/questions/605 ... ot-working