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