Question

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

单击鼠标时如何制作鼠标单击添加+1？当它被再次按下时等另一个+1等等。我是新手并且已经搜遍了整个地方，希望在某处找到这个具体问题并给出解释。

我今天开始学习JavaScript，并试图在3个灯上创建一个停止灯效果，＃1 =绿色，＃2 =黄色，＃3 =红色。当我点击我希望它推进数字，并这样做将颜色提前到下一个光。我无法弄清楚如何让它添加数字。

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

等等。

感谢任何帮助！

Answer 1

<强> HTML

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

<强>的Javascript

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

<强>输出

- 屏幕

Screen

-console

Console

PLAYGROUND

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>）的范围内将数字换行，然后使用此更新号码：

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

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

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

Answer 4

假设您在网络应用程序中使用javascript：

一些-file.html

<html>
<head>
  <title>Click Counter</title>
</head>
<body>
    clicks counted:<span id='clicks'>0</span>
    <script>

            var number = 0;

            document.onclick = function(){
                    number ++;
                    document.getElementById("clicks").innerHTML = number;
            }               

    </script>
</body>
</html>

将此代码复制并粘贴到HTML文件中，然后在浏览器中运行。

Answer 5

<html>
   <body>
      <button id="b1" onclick="getValue()">click and getcounts</button>
      <script>
         var i=0;
         //initially i is 0. When button clicked, function increments 'i' value.
         function getValue(){
            i++;
            var j=i;
            alert(j);
         }
      </script>
   </body>
</html>

如何计算鼠标点击次数？

5 个答案: