.页面中有 2 个按钮,实现当用户单击了哪个按钮在警示框弹出提示 单击了第几个按钮。js
时间: 2024-11-27 11:19:10 浏览: 20
在JavaScript中,你可以通过添加事件监听器(event listeners)来实现这个功能。首先,你需要找到页面上两个按钮的HTML元素,并给它们分别添加`id`属性以便于后续操作。假设这两个按钮的`id`分别为`btn1`和`btn2`。
以下是一个简单的示例:
```html
<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
```
然后,在JavaScript中可以这样做:
```javascript
// 获取按钮元素
const btn1 = document.getElementById('btn1');
const btn2 = document.getElementById('btn2');
// 给每个按钮添加点击事件监听器
btn1.addEventListener('click', function() {
alert('您单击了第一个按钮!');
});
btn2.addEventListener('click', function() {
alert('您单击了第二个按钮!');
});
```
在这个例子中,当你点击`btn1`时,会弹出提示"您单击了第一个按钮!";点击`btn2`时,则会弹出"您单击了第二个按钮!"。
阅读全文