Как навесить два обработчика

Для навешивания нескольких обработчиков на один элемент можно использовать addEventListener несколько раз. Обработчики будут вызываться в порядке их добавления.

element.addEventListener('click', handler1);
element.addEventListener('click', handler2);

Важные моменты:

1. Можно добавлять как именованные функции, так и анонимные
2. Для удаления нужно передавать ту же самую функцию (анонимные нельзя удалить)
3. Можно управлять порядком срабатывания через фазу события (capturing/bubbling)

Пример с разными типами обработчиков:

function log1() { console.log('First'); }
const log2 = () => console.log('Second');

button.addEventListener('click', log1);
button.addEventListener('click', log2);
button.addEventListener('click', () => console.log('Anonymous'));