Как можно повесить событие на узел с помощью JS

В JavaScript есть несколько способов добавить обработчик событий к DOM-элементу: 1. **Через свойство элемента** (inline-обработчик): ```javascript element.onclick = function() { console.log('Клик!'); }; ``` 2. **Методом addEventListener()** (рекомендуемый способ): ```javascript element.addEventListener('click', function() { console.log('Клик!'); }); ``` 3. **Через HTML-атрибут** (не рекомендуется): ```html Кнопка ``` **Ключевые отличия:** - `addEventListener` позволяет добавлять несколько обработчиков на одно событие - Свойства типа `onclick` перезаписывают предыдущие обработчики - HTML-атрибуты смешивают логику и разметку, что плохо для поддержки Пример с делегированием событий: ```javascript document.body.addEventListener('click', function(e) { if(e.target.matches('.btn')) { console.log('Клик по кнопке!'); } }); ```