Question

我是JavaScript的初学者，我试图单击一个按钮，并且必须显示警报消息。我的按钮没有互动？

我的HTML是：

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

我的问题是关于Javascript

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

Answer 1

要使用户单击时发生某些事情，必须将事件处理程序（或回调函数）添加到相关元素。这是通过元素的.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>

FYI：有一种更老的方法可以使人们今天仍然使用它们，因为他们不完全了解事件处理程序的工作方式。这样可以使用HTML中的嵌入式事件属性，例如onclick。 Do not use these!

如何将按钮与功能交互

1 个答案: