Как взаимодействовать моей кнопке с моей функцией - PullRequest
Новая
       21

Как взаимодействовать моей кнопке с моей функцией

0 голосов
/ 13 марта 2020

Я новичок в JavaScript, я пытаюсь нажать на кнопку, и мне нужно отобразить предупреждающее сообщение. Моя кнопка не взаимодействует?

Моя HTML: 

<body>
   <h1>Test</h1>
   <button id='b1'>Click on button</button>
</body>

Моя проблема на Javascript

function myFunction(){
    ???? = document.getElementById('b1');
    alert('Hello');
}

1 Ответ

1 голос
/ 13 марта 2020

Чтобы что-то произошло, когда пользователь щелкает, вы должны добавить обработчик событий (или функцию обратного вызова) к рассматриваемому элементу. Это делается с помощью метода .addEventListener() элемента: 

// Get a reference to the button
let btn = document.getElementById("b1");

// Add an event handler for the click event
btn.addEventListener("click", myFunction);

function myFunction(){
    alert('Hello');
}
<button id='b1'>Click on button</button>

К вашему сведению: существует гораздо более старый способ сделать это, который вы все равно увидите сегодня, потому что они не до конца понимают, как работают обработчики событий. Этот способ использует встроенные атрибуты событий в HTML, например onclick. Не используйте их!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...