如何计数鼠标点击？

Question

var number = 1;
var mouseClicked = function() {

单击鼠标时，如何使mouseClick添加+1？和另一个+1，当它再次被按，等等，我是新的，并搜索了各地，希望找到这个具体的问题，在某处与一个解释。

我今天开始学习JavaScript，并试图在3盏灯上创建一个停车灯效果，#1 =绿色，#2 =黄色和#3 =红色。当我点击，我希望它提前数字，在这样做时，将颜色提前到下一个光线。但我想不出怎么才能把数字加起来。

 = 1
*mouseClick*
 = 2
*mouseClick*
 = 3

等等

任何帮助都是非常感谢的！

Answer 1

<button onClick="mouseClicked()">add number</button>

Javascript

var number = 1;
var mouseClicked = function() {
  console.log('mouseClick = ' + number);
  number++;
}

输出

-Screen

​

​

-Console

​

​

操场

Answer 2

可以将侦听器添加到窗口或文档中。

 var number = 0;
    function addOne()
    {
        number += 1;
        console.log(number);
    }
    window.addEventListener('click', addOne, false); //document.addEventListener('click', addOne, false); should work too

Answer 3

将屏幕上的数字用ID ( <span id='mynum'></span> )包装在span中，然后使用它来更新数字：

var mynum = 1;
var mouseClicked = function() {
    mynum ++;
    document.getElementById('mynum').innerHTML = mynum
}

然后使用按钮的ID设置侦听器：

document.getElementById('buttonID').onclick = mouseclicked;