Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 19 мая

Как сделать вызов функции при нажатии кнопки через javascript?

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
17 декабря 2022

Чтобы сделать вызов функции при нажатии на кнопку, сначала в html документе создаём кнопку. Например, так:

<button id="myButton">Press me!</button>

Теперь переходим в подключенный к html документу javascript файл.

  • Объявляем функцию, которую хотим вызывать при нажатии на кнопку:

    const callback = () => {
    alert("Hello, World!");
    };
    
  • Получаем кнопку:

    const button = document.querySelector('#myButton');
    
  • С помощью метода addEventListener() добавляем кнопке обработчик событий. Первым аргументом передаем событие в виде строки, в нашем случае это будет клик по кнопке, вторым аргументом передаем функцию, которая вызывается при наступлении события:

    button.addEventListener('click', callback);
    

Теперь при нажатии кнопки увидим всплывающее окно с надписью Hello, World!.

2 1

Рн о от ролллтирроллло

0 3
Бесплатно
Основы JavaScript
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»