> Как работает onclick в JavaScript (JavaScript)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: Кэтрид Диджитал

Стек: JavaScript

> Пример ответа

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

Пример:

JAVASCRIPT
const button = document.getElementById('myButton');
button.onclick = function() {
  alert('Клик!');
};

Важно: onclick перезаписывает предыдущий обработчик, так как это свойство, а не метод. Для добавления нескольких обработчиков лучше использовать addEventListener. Также onclick можно задать прямо в HTML-атрибуте: <button onclick="alert('Клик')">Нажми</button>, но это считается устаревшей практикой из-за смешивания разметки и логики.