Как сделать, чтобы по нажатию на каждый элемент вызывалась одна и та же функция, но в функцию попадал именно нажатый элемент?

Задача: повесить на каждую кнопку с классом "ico-expand" событие, которое возвращает родительский элемент для каждой конкретной кнопки, на которую нажали. В итоге событие висит на каждой кнопке, но на какую бы я не нажал, возвращается родитель именно последней кнопки в структуре. Подскажите, пожалуйста, почему это происходит?

const expandButtonsArr = document.body.getElementsByClassName("ico-expand");

for (button of expandButtonsArr) {
    button.addEventListener("click", ()=>{
        const parent = button.parentNode;
        console.log(parent)
    })
}

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

Автор решения: Алексей Шиманский

Видимо, надо написать так:

for (let button of expandButtonsArr)
     ^^^-----
→ Ссылка