HTML/Javascript按钮点击计数器

我以前也做过类似的事情，我知道这真的很接近。我只是想让我的按钮增加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>

使用var而不是int生成clicks变量，使用onClick而不是click作为函数名：

var clicks = 0;
function onClick() {
  clicks += 1;
  document.getElementById("clicks").innerHTML = clicks;
};

<button type="button" onClick="onClick()">Click me</button>
<p>Clicks: <a id="clicks">0</a></p>

在JavaScript中，变量是用var关键字声明的。没有像int、bool、string这样的标签。。。以声明变量。你可以用"typeof(yourvariable("获得变量的类型，你可以在谷歌上找到更多关于这方面的支持。

JavaScript为函数名称保留了名称"click"，因此您必须使用其他名称。

不要使用单词"click"作为函数名称。这是JavaScript中的一个保留关键字。在下面的代码中，我使用了"你好"功能，而不是"点击">

<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>

在查看了您有拼写错误的代码后，以下是更新的代码

var clicks = 0; // should be var not int
    function clickME() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks; //getElementById() not getElementByID() Which you corrected in edit
 }

演示

注意：不要使用内置处理程序，因为.click()是javascript函数，请尝试提供不同的名称，如clickME()

通过这段代码，您可以获得按钮的点击次数。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Button</title>
    <link rel="stylesheet" type="text/css" href="css/button.css">
</head>
<body>
    <script src="js/button.js" type="text/javascript"></script>
    <button id="btn" class="btnst" onclick="myFunction()">0</button>
</body>
</html>
 ----------JAVASCRIPT----------
let count = 0;
function myFunction() {
  count+=1;
  document.getElementById("btn").innerHTML = count;
 }

    <!DOCTYPE html>
<html>
<head>
<script>
     var clicks = 0;
    function myFunction() {
        clicks += 1;
        document.getElementById("demo").innerHTML = clicks;

    }
</script>
</head>
<body>
<p>Click the button to trigger a function.</p>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
</body>
</html>

这应该适用于您：(是var应该使用

相关内容

最新更新

热门标签：