Именовани манипулатори на събития в JavaScript

В предишните уроци ние използвахме анонимни функции като манипулатори на събития. Това всъщност не е задължително - функцията може да бъде и обикновена, с име. Нека за пример имаме следната функция:

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

Нека имаме и бутон:

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

Нека направим така, че при кликване на бутона да се изпълни нашата функция func. За това като параметър на addEventListener ще предадем името на нашата функция, ето така:

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);
}