js.select-elements-with-classes
Les moyens de sélections
document.getElementById() document.getElementsByTagName() document.querySelector() document.querySelectorAll()
On sélectionne tous les éléments boutons, et on leur applique chacun un écouteur
const buttons = document.querySelectorAll('.button');
[...buttons].forEach(button => {
button.addEventListener('click', doSomething);
button.addEventListener('keyup', (event) => {
if (event.key == 'Enter' || event.key == ' ') {
doSomething();
}
});
});
function doSomething() {
console.log('Something!');
}
Si j’avais fait
const buttons = document.querySelector('.button')
Je n’aurais sélectionné que la première occurence de button