Написал todo но он удаляет только 1 элемент с конца, как пофиксить?

Question

[rshruslan]

Решил написать свой туду, написал в ООП стиле, но он удаляет только 1 элемент с конца, а другие нельзя.
Ошибку не могу найти, дебажил, все делал.
https://github.com/ShevRuslan/shevruslan.github.io...

Answer 1

[Александр Аксентьев]

Потому что он удаляет некий thisItem, который определяется только в одном месте и явно не так должн работать.

В целом там конечно вообще всё дичь.

Comments

[rshruslan]

У каждого объекта thisItem свой

[Александр Аксентьев]

rshruslan,
Все события слетают потому что перезаписывается весь контейнер:
container.innerHTML += template;
Не надо так.

container.insertAdjacentHTML('beforeend', template);

Да и так в общем-то тоже не надо, надо оперировать тогда уж DOM объектами полностью, а не аппендить текстом html в одном месте, а в других нормально работать через querySelectorы.

Answer 2

[JorJeG]

Я не знаю почему, но теряются eventListeners

если внутри функции createNewElement добавить

allElements.forEach(el => {
  el.update();
})

а также в конце файла добавить этот проход по массиву(чтоб после перезагрузки страницы эта функция отрабатывалась), то всё работает