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:

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

Låt det också finnas en knapp:

html<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:

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

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

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

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

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