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

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

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

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

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

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

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

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

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

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

Дадзены абзац:

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

Дадзены наступныя функцыі:

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

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

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

Прывяжыце ўсе гэтыя функцыі да нашага абзаца.