Что такое addEventListener

addEventListener — это метод в JavaScript, который позволяет подписаться на события DOM-элементов (клики, скроллы, ввод и т. д.).

Синтаксис:

element.addEventListener(event, handler, options);

Параметры:

• event — название события (например, 'click').
• handler — функция-обработчик, вызываемая при событии.
• options — необязательный объект с настройками (once, capture, passive).

Пример:

button.addEventListener('click', () => {
  console.log('Клик!');
}, { once: true }); // сработает только один раз

Преимущества перед onclick:

• Можно добавить несколько обработчиков на одно событие.
• Гибкость (например, удаление через removeEventListener).
• Поддержка фазы захвата (capture: true).

Важно:
Для удаления обработчика нужна та же функция (не анонимная).