AddEventListener ведет себя странно ⇐ Html

[Anonymous]

Я только начал изучать JavaScript. Я создаю приложение ToDo. Всякий раз, когда я нажимаю кнопку «Добавить задачу», созданная мной функция myFunction не работает должным образом. При каждом нажатии кнопки на ответ требуется несколько секунд, плюс вывод консоли умножается.

Код: Выделить всё

function myFunction() {
// code to be executed when the button is clicked
const taskInput = document.getElementById("taskInput");
const taskList = document.getElementById("taskList");
//const task = taskInput.value.trim();
const myButton = document.getElementById("mButton");

//document.getElementById("taskList").innerHTML = userInput;
myButton.addEventListener("click", function() {
const li = document.createElement("li");
li.createElement = '${taskInput.value} Delete';
console.log("I m clicked");
});
}

Код: Выделить всё

To-Do List

Add Task
[list][/list]

Подробнее здесь: https://stackoverflow.com/questions/795 ... ting-weird