Знаком ли с функцией addEventListener

Да, addEventListener — это метод для добавления обработчиков событий к DOM-элементам. Он принимает три параметра:

1. Тип события (например, 'click', 'keydown').
2. Функция-обработчик, которая выполняется при срабатывании события.
3. Опционально — объект с настройками (capture, once, passive) или булево значение для useCapture.

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

• Можно добавить несколько обработчиков на одно событие.
• Гибкость с настройками (например, once для одноразового выполнения).

Пример:

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

Важно: Для удаления используй removeEventListener с той же функцией.