使用JavaScript检查一个按钮是否被点击的方法

635 阅读1分钟

在本教程中,我们将学习如何使用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);
})