Іменованыя апрацоўшчыкі падзей у 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.