Некалькі апрацоўшчыкаў аднаго падзеі ў JavaScript

Да аднаго элемента можна прывязаць адразу некалькі функцый. Давайце паглядзім на прыкладзе. Хай у нас ёсць кнопка:

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

Хай у нас ёсць дзве функцыі:

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

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

Атрымаем спасылку на нашу кнопку ў зменную:

javascriptlet button = document.querySelector('#button');

А цяпер давайце прывяжам да нашай кнопкі у якасці апрацоўшчыкаў кліку і першую, і другую функцыі:

javascriptbutton.addEventListener('click', func1);
button.addEventListener('click', func2);

html<p id="elem">text</p>

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

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

function func3() {
  console.log('3');
}