Как добавить событие клика?

Question

Я понимаю, что это не ДОМ элементы. Как преобразовать их в дом и добавить слушатель? Я пробовал брать элементы по классу, но тоже не выходит

var items = document.querySelectorAll('item');

items.addEventListener('click', () => {
    console.log(this);
});

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.cont {
    max-width: 800px;
    margin: 150px auto;
    text-align: center;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 50px;
}

button img {
    background-color: yellow;
    width: 100px;
    height: 100px;
}

<div class="cont">
    <button class="item item1">
        <img src="" alt="" class="img">
    </button>
    <button class="item item2" class="img">
        <img src="" alt="">
    </button>
    <button class="item item3" class="img">
        <img src="" alt="">
    </button>
</div>

БЛОГ НА HUSL

Как добавить событие клика?

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