Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: javascript, dom, events

Как подписаться на событие клика кнопки в DOM?

Вопрос проверяет знание базовых методов работы с событиями в JavaScript.

Короткий ответ

Используйте метод addEventListener для подписки на событие click:

document.querySelector('button').addEventListener('click', () => {
  console.log('Кнопка нажата!');
});

Длинный ответ

Способы подписки:

  1. Через addEventListener (рекомендуемый способ):

    const button = document.getElementById('myButton');
    button.addEventListener('click', handleClick);
    function handleClick() {
      alert('Клик!');
    }
  2. Через атрибут HTML (устаревший метод):

    <button onclick="alert('Клик!')">Нажми меня</button>

Особенности:

  • addEventListener позволяет добавить несколько обработчиков на одно событие.

  • Для удаления обработчика используйте removeEventListener.

Вывод:
Всегда предпочитайте addEventListener для гибкости и лучшей поддержки кода.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    2

  • Сложность:

    7

Навыки

  • JavaScript

    JavaScript

  • CSS

    CSS

Ключевые слова

#javascript

#dom

#events

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию