En hanterare till många element i JavaScript
En funktion kan bindas till flera element samtidigt. Låt oss som exempel ha följande funktion:
function func() {
console.log('!!!');
}
Det finns också två knappar:
<input id="button1" type="submit" value="button1">
<input id="button2" type="submit" value="button2">
Låt oss hämta referenser till dessa knappar i variabler:
let button1 = document.querySelector('#button1');
let button2 = document.querySelector('#button2');
Och låt oss nu binda vår funktion func
till både den första och den andra knappen:
button1.addEventListener('click', func);
button2.addEventListener('click', func);
Det finns 5 stycken:
<p id="elem1">text</p>
<p id="elem2">text</p>
<p id="elem3">text</p>
<p id="elem4">text</p>
<p id="elem5">text</p>
Följande funktion är given:
function func() {
console.log('message');
}
Bind denna funktion till alla 5 stycken.
