Не работает событие клик (нету ошибок в консоли) JS?

Question

[j1gsa]

https://codepen.io/fazerface/pen/BajNeBp

P.S. Проблема была решена. Была причина в создании функции не в той области

Comments

[Максим Морев]

Картинка с кодом очень красивая, разместите её вместе с разметкой на codepen

[j1gsa]

Максим Морев, https://codepen.io/fazerface/pen/BajNeBp

Answer 1

[Ernest Faizullin]

Вам нужно использовать нечто подобное:

window.addEventListener('click', (e) => {
        if (e.target.tagName === 'i') {
            alert('Работает')
        }
});

У вас сейчас клик не работает, так как при загрузке страницы вешается событие на элемент, которого еще нет.

Comments

[j1gsa]

Звучит правдоподобно. Спасибо. Сейчас что-то подобное сделаю.

P.S Не помогло :)

Answer 2

[Loli E1ON]

Answer 3

[mart_m]

Живые коллекции.. https://htmlacademy.ru/blog/boost/frontend/collect...

Comments

[mart_m]

размялся, https://codepen.io/martos/pen/zYrGVxv можно и с window.addEventListener, но и по другому тоже можно