1 <p>Свойство onclick у элемента отвечает за обработку события клика по элементу. Чтобы добавить обработчик, достаточно просто присвоить этому свойству функцию, которая вызовется при клике:</p>

2 // Получаем элемент const element = document.getElementById('test'); // Добавляем обработку события element.onclick = (event) =&gt; { // ... console.log(event); };<p>Этот способ имеет недостаток: нельзя навешать несколько обработчиков-функций на событие.</p>

3 // Получаем элемент const element = document.getElementById('test'); // Добавляем обработку события element.onclick = (event) =&gt; { // ... console.log('first handler'); }; // Добавляем второй обработчик element.onclick = (event) =&gt; { // ... console.log('second handler'); };<p>Первый обработчик перезапишется вторым. Чтобы этого избежать, лучше использовать addEventListener():</p>

4 // Получаем элемент const element = document.getElementById('test'); // Добавляем обработку события element.addEventListener('click', (event) =&gt; { // ... console.log('first handler'); }); // Добавляем второй обработчик element.addEventListener('click', (event) =&gt; { // ... console.log('second handler'); });<p>В таком случае оба обработчика будут срабатывать по клику на элементе.</p>