# Named event handlers in JavaScript

In the previous lessons, we used anonymous functions as event handlers. This is actually not necessary - the function can be ordinary, with a name. For example, let's say we have the following function:

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

Let's also have a button:

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

Let's make it so that when the button is clicked, our function `func` is executed. To do this, with a parameter of `addEventListener` we will pass the name of our function, like this:

`let button = document.querySelector('#button'); button.addEventListener('click', func); function func() { console.log('!!!'); }`

Given the following HTML code:

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

Given the following functions:

`function func1() { console.log(1); } function func2() { console.log(2); }`

Make it so that when the first button is clicked, the function `func1` is executed, and when the second button is clicked, the function `func2` is executed.

←→
↑
en ru