Meerdere handlers voor één gebeurtenis in JavaScript
Aan één element kunnen meerdere functies worden gekoppeld. Laten we een voorbeeld bekijken. Stel we hebben een knop:
<input id="button" type="submit">
Stel we hebben twee functies:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
Laten we een referentie naar onze knop in een variabele zetten:
let button = document.querySelector('#button');
Laten we nu aan onze knop zowel de eerste als de tweede functie als click handlers koppelen:
button.addEventListener('click', func1);
button.addEventListener('click', func2);
Gegeven een paragraaf:
<p id="elem">text</p>
De volgende functies zijn gegeven:
function func1() {
console.log('1');
}
function func2() {
console.log('2');
}
function func3() {
console.log('3');
}
Koppel al deze functies aan onze paragraaf.
