Как добавить onclick к кнопке через js — Q&A Хекслет
2026-02-26 15:14 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-dobavit-onclick-k-knopke-cherez-js

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

// Получаем элемент const element = document.getElementById('test'); // Добавляем обработку события element.onclick = (event) => { // ... console.log(event); };

Этот способ имеет недостаток: нельзя навешать несколько обработчиков-функций на событие.

// Получаем элемент const element = document.getElementById('test'); // Добавляем обработку события element.onclick = (event) => { // ... console.log('first handler'); }; // Добавляем второй обработчик element.onclick = (event) => { // ... console.log('second handler'); };

Первый обработчик перезапишется вторым. Чтобы этого избежать, лучше использовать addEventListener():

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

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