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

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

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

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

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

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

let 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">

Дадени са следните функции:

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

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

Направете така, че при кликване на първия бутон да се изпълни функция func1, а при кликване на втория - функция func2.