Интерактивность строится на событиях — действиях пользователя (клик, ввод, наведение). К элементу привязывают обработчик — функцию, которая сработает при событии:
const btn = document.querySelector("button"); btn.addEventListener("click", () => { alert("Кнопка нажата!"); });
Частые события: click (клик), input (ввод в поле), submit (отправка формы), mouseover (наведение), keydown (нажатие клавиши).
Пример счётчика кликов:
let count = 0; const btn = document.querySelector("#btn"); const out = document.querySelector("#out"); btn.addEventListener("click", () => { count++; out.textContent = "Нажато: " + count; });
Обработчик часто получает объект события (event) с деталями: какая клавиша нажата, координаты мыши и т. д. Это и есть та самая «интерактивность» сайтов.