Namngivna händelsehanterare i JavaScript

I tidigare lektioner använde vi anonyma funktioner som händelsehanterare. Det är faktiskt inte nödvändigt - funktionen kan vara vanlig, med ett namn. Låt oss till exempel ha en sådan funktion:

function func() {
	console.log('!!!');
}

Låt det också finnas en knapp:

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

Låt oss göra så att vår funktion func utförs när knappen klickas. För att göra detta, låt oss skicka namnet på vår funktion som en parameter till addEventListener, så här:

let button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
	console.log('!!!');
}

Följande HTML-kod ges:

<input id="button1" type="submit" value="button1">
<input id="button2" type="submit" value="button2">

Följande funktioner ges:

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

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

Gör så att funktionen func1 utförs när du klickar på den första knappen, och funktionen func2 när du klickar på den andra.