Добавление обработчика события click с помощью addEventListener

Метод addEventListener('click', ...) используется для добавления функции обратного вызова (callback) к определенному элементу DOM (Document Object Model), которая будет вызываться при клике на этот элемент.

Пример использования:

javascript
// Получаем ссылку на элемент кнопки с id 'myButton'
const button = document.getElementById('myButton');
// Определение функции обратного вызова
function handleClick() {
  console.log('Button clicked!');
}
// Добавляем обработчик события 'click' к кнопке
button.addEventListener('click', handleClick);

В этом примере мы получаем ссылку на элемент кнопки с id 'myButton'. Затем мы определяем функцию обратного вызова handleClick(), которая просто выводит сообщение в консоль при каждом клике на кнопку. Наконец, мы добавляем обработчик события 'click' к кнопке с помощью метода addEventListener(). Теперь каждый раз, когда пользователь кликает на кнопку, функция handleClick() будет вызываться.

Метод addEventListener() также позволяет добавлять несколько функций обратного вызова для одного события. Например:

javascript
button.addEventListener('click', handleClick);
button.addEventListener('click', function() {
  console.log('Another click handler');
});

В этом случае, оба обработчика событий будут вызываться при каждом клике на кнопку.