Не работает клик по кнопке, как исправить?

Question

[maxemga]

У меня не работает действие клика на Контейнер, уже как только не пробовал, а он не работает
При клике на Желтый элемент, он должен производить какое-то действие. Для теста я сделал alert но ни в какую не работает, и для дочерних элементов (красный квадрат) тоже. Почему?(
UPD: я что-то прикола не понял, в jsfiddle.net он работает как надо, а у меня нет.



https://jsfiddle.net/v4gtque6/1/

Answer 1

[DimaIs]

Вы навешиваете обработчик onClick только при инициализации. Необходимо добавлять обработчик каждому новому элементу.

Comments

[maxemga]

Я добавляю в новые элементы onclick и не работает, но в контейнерах, но если этот Контейнер в html, то все работает

[DimaIs]

maxemga, ты добавляешь onclick после их добавления на страницу?

[maxemga]

DimaIs, логика такая, что когда нажимаю кнопку создать, появляются доски, я хочу чтобы при их нажатии она открывалась, а при нажтии на Красный, удалялась
Вот. Но почему-то Onckick не работает

[maxemga]

Все, я разобрался с проблемой, спасибо

[DimaIs]

maxemga, в чем как оказалось была проблема?

[maxemga]

DimaIs, ну я добавлял этот onclick при создании, тоесть когда я нажимаю на кнопку создать. Но у меня также создаются эти контейнеры при обновлении страницы, берутся данные из localstorage и создаются контейнеры.
Я забыл там тоже onclick прописать, вот

[maxemga]

А вопрос, если я захочу что-то сделать с этим объектом, например чтобы при нажатии на кнопку он удалился, тут можно использовать event? Или это другое?

[maxemga]

Ну я имею ввиду, что хочу обратиться к этому объекту, именно к тому, на который нажал, как это можно реализовать?

[DimaIs]

maxemga, например, вот так:

const element = document.querySelector(anySelector);
element.onclick = () => element.remove()

[DimaIs]

maxemga, прошу прощения, не так вас понял сначала. Надо передать элемент функции обработчику (this тут выступает как этот элемент):

<div onclick="someAction(this)">Click me!</div>

const someAction = clickedElement = clickedElement.remove()

Answer 2

[Дмитрий]

В консоль смотрел?

Comments

[maxemga]

Да