Javascript:点击按钮即可获得更多功能.点击计数器

Javascript: more functions on one click button.Click counter

本文关键字:多功能 计数器 可获得 按钮 Javascript      更新时间:2023-09-26

我试图在一次单击按钮上生成更多的函数。我正在尝试检测用户点击的次数。如果用户单击一次:做某事,如果用户单击第二次:做某物。如果用户第三次点击:做点什么。但是我的代码根本不起作用。有人能告诉我发生了什么事吗?

var ButtonClickEen = document.getElementById("buttonEen");
var ButtonClickTwee = document.getElementById('buttonTwee');
var clicks = 0;
buttonC.onclick = function(event){
    clicks += 1;
};
if (clicks === 1) {
    /* 1st click, Do something */
} if (clicks === 2) {
    /* 2nd click, Do something else */
};

您有很多脚本错误,从一开始从DOM中选择元素开始,但主要错误是您的点击事件函数,它必须看起来像这样:

var buttonC = document.getElementById("buttonC");
var clicks = 0;
buttonC.onclick = function(event){
    clicks += 1;
    if (clicks == 1) {
        alert('Click 1');
    } else if (clicks == 2) {
        alert('Click 2');
    } else {
        alert('Click 3 or more');
    };
};