在本教程中,我们将学习如何使用JavaScript来检查一个按钮是否被点击。
考虑一下,我们有一个如下的HTML按钮元素。
<button id="btn">Hello</button>
现在,我们需要检查一个按钮是否被点击了。
检查一个按钮是否被点击
要检查一个按钮是否被点击,首先我们需要使用document.getElementById() 方法访问JavaScript中的按钮元素,然后给它添加一个click eventListener。
下面是一个例子。
const button = document.getElementbyId("btn");
button.addEventListener("click", ()=>{
alert("button is clicked");
})
在上面的代码中,我们在addEventListener()方法中添加了一个警报button is clicked 。因此,如果用户点击了按钮,就会在浏览器中显示一个警报,说明按钮被点击了。
我们还可以计算,一个按钮被点击了多少次,像这样。
下面是一个例子。
const button = document.getElementbyId("btn");
let count = 0;
button.addEventListener("click", ()=>{
count = count + 1;
alert("button is clicked" + count);
})