Почему на кнопку навешивается много кликов?

Question

[pasha_hp]

Почему на кнопку навешивается много кликов и как это можно пофиксить?

код: https://codepen.io/avramenkop/pen/XWWPBMZ?editors=1010

Нажимаю кнопку Get joke, по API получаю шутку. Кликаем 3 раза, получаем 3 шутки. Если кликнуть по красному квадрату на последней шутке, то есть верхней, то в консоль получу id 1 раз. Если же кликнуть по самой первой, то есть нижней, то получаю 3 id в консоль.

В инспекторе видно, что на красной кнопке нижней шутки 3 клика. Подскажите как пофиксить?

Answer 1

[galaxy]

Потому что вы сами и навешиваете listener на все кнопки каждый раз, а не на одну нужную

let addToFav = [...document.querySelectorAll('.img')];
    addToFav.forEach(button => {

Comments

[pasha_hp]

черт побери, точно. спасибо, пофиксил