Verskeie gebeurtenishanteerders vir een gebeurtenis in JavaScript

Meer as een funksie kan aan een element gekoppel word. Kom ons kyk na 'n voorbeeld. Kom ons sê ons het 'n knoppie:

<input id="button" type="submit">

Kom ons sê ons het twee funksies:

function func1() {
	console.log('1');
}

function func2() {
	console.log('2');
}

Kry 'n verwysing na ons knoppie in 'n veranderlike:

let button = document.querySelector('#button');

En kom ons koppel nou beide die eerste en die tweede funksies aan ons knoppie as klikhanteerders:

button.addEventListener('click', func1);
button.addEventListener('click', func2);

Gegee 'n paragraaf:

<p id="elem">text</p>

Gegee die volgende funksies:

function func1() {
	console.log('1');
}

function func2() {
	console.log('2');
}

function func3() {
	console.log('3');
}

Koppel al hierdie funksies aan ons paragraaf.