Не работает обработчик событий js

Question

Помогите понять в чём проблема. Задаю скрипт внизу страницы, один обработчик работает, второй отказывается запускаться и даже не реагирует.

let deleteTODO = document.querySelector('.delete');

deleteTODO.addEventListener('click', () => {
    alert(1);
})

Answer 1

Вы щелкаете не на тот '.delete', которому добавляете обработчик события.

Answer 2

Как видите код работает

let deleteTODO = document.querySelector('.delete');

deleteTODO.addEventListener('click', () => {
    alert(1);
})

<div class="delete">КНОПКА</div>

Задавайте правильно вопросы, для вопроса предоставьте минимальное работающие демо отображающие вашу проблему. Проблема может быть с CSS с js... Ваш пример предоставленный для того чтоб вам помогли отлично работает, проблем нет.

Answer 3

let deleteTODO = document.querySelector('.delete');

Вернет первый элемент с совпадающим селектором. Если элементов много нужно использовать

let deleteTODOS = document.querySelectorAll('.delete');

или

let deleteTODOS =document.getElementsByClassName('.delete')

и по каждому проходится циклом или мапом

БЛОГ НА HUSL

Не работает обработчик событий js

Ответы (3 шт):