HTML/Javascript按钮单击计数器

Jum*_*poy 14 html javascript counter click

我之前做过类似的事情,我知道这非常接近.我只是想让它按钮增加javascript变量,然后函数显示新值.

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">
    int clicks = 0;
    function click() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onClick="click()">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>
Run Code Online (Sandbox Code Playgroud)

Ree*_*ube 32

对于"点击"变量生成使用var而不是int,使用'onClick'而不是'click'作为函数名称:

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">
    var clicks = 0;
    function onClick() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onClick="onClick()">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>
Run Code Online (Sandbox Code Playgroud)

在JavaScript变量中使用'var'标记声明,没有像int,bool,string ...这样的标记来声明变量.您可以使用'typeof(yourvariable)'获取变量的类型,您可以在Google上找到更多支持.

并且"click"这个名称由JavaScript保留用于函数名,因此您必须使用其他任何东西.

  • 至少提供一个更好的解释,否则很好的答案:+ 1. (3认同)

小智 6

不要将单词“ click”用作函数名称。这是JavaScript中的保留关键字。在下面的代码中,我使用了“ hello”功能而不是“ click”

<html>
<head>
    <title>Space Clicker</title>
</head>

<body>
    <script type="text/javascript">

    var clicks = 0;
    function hello() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks;
    };
    </script>
    <button type="button" onclick="hello()">Click me</button>
    <p>Clicks: <a id="clicks">0</a></p>

</body></html>
Run Code Online (Sandbox Code Playgroud)