Я могу получить доступ к одной кнопке по идентификатору, но ничего не происходит, когда я пытаюсь установить событие «щелкнуть» для нескольких кнопок одного класса.
Я пробовал сотни различных комбинаций разных идей, но ничего не работает. .
Я также потратил более 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
