Как сделать вызов функции при нажатии кнопки через 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 бесплатно