Javascript:单击按钮上的更多功能。点击计数器

时间:2014-11-09 12:49:22

标签: javascript

我试图在一个点击按钮上创建更多功能。我试图检测用户点击了多少。如果用户点击一次:做某事,如果用户第二次点击:做某事。如果用户第三次点击:做一些事情。但我的代码根本不起作用。谁能告诉我发生了什么?

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 */
};

1 个答案:

答案 0 :(得分:0)

你有许多脚本错误,从开始时从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');
    };
};