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