Как выбрать несколько кнопок одного и того же класса и назначить событие мыши [закрыто] ⇐ Javascript

[Anonymous]

Я могу получить доступ к одной кнопке по идентификатору, но ничего не происходит, когда я пытаюсь установить событие «щелкнуть» для нескольких кнопок одного класса.
Я пробовал сотни различных комбинаций разных идей, но ничего не работает. .
Я также потратил более 12 часов, пытаясь изменить цвет нажатой кнопки.
`< /p>
`





Learning



Learning to select multiple buttons based on class

Click on the buttons

BG

A
B
C
D
E
F
G
H
I
J

Header 2


let a = document.getElementById('X1');
a.addEventListener('click', event => {
a.style.backgroundColor = 'green';
alert("Hello World!");});

let b = document.getElementById('X2');
b.addEventListener('click', event => {
b.style.backgroundColor = 'blue';});

document.addEventListener('DOMContentLoaded', event => {
let c = document.getElementsByClassName('.c');
for (let i = 0; i < c.length; ++i) {
c.addEventListener('click', event => {
c.innerHTML = 'Z';
alert("Event for c");}, false);};});

let header2 = document.getElementById("CC");

function colourChange() {document.body.style.background = 'orange'; header2.innerHTML = "Background changes ok";}





`

< /code>
`< /p>
Я пробовал с и без теста на загрузка DOM.
Я попробовал использовать селектор запросов All All вместо этого of elements по имени класса.
Я попытался иметь одну кнопку класса c.
Я попробовал Umpteen of Code с различных веб -сайтов, включить переполнение стека и прочитать много веб -страниц.

Подробнее здесь: https://stackoverflow.com/questions/794 ... ouse-event