Как применить одну функцию ко всем элементам одного класса ⇐ CSS

[Anonymous]

Я хочу нажать на любую из трех кнопок, и все они одновременно изменят цвет фона. Чего не хватает или необходимо изменить в моем коде, чтобы addEventListener мог применяться ко всем элементам одного и того же класса?

Код: Выделить всё

const one = document.getElementsByClassName('one');

one.forEach((element) => {
element.addEventListener("click", () => {
if (element.style.backgroundColor = "#DCDCDC") {
element.style.backgroundColor = "#56F1FF";
} else {
element.style.backgroundColor = "#DCDCDC";
}
})
});

Код: Выделить всё

.one {
background-color: #DCDCDC;
}

.one:hover {
background-color: #56F1FF;
}

Код: Выделить всё

Catch
Change
Choose

Подробнее здесь: https://stackoverflow.com/questions/791 ... same-class