Question

这是一个超级基本计数器，只计算按钮点击次数。下面是我的HTML的主体。

 <body>
    <div class="wrapper" ><button id="but"> Click</button></div>
    <h2><div class="counter"> Counter: <span id = "countNum"> 0 </span></div></h2>
    <script type="text/javascript">
        var button = document.getElementById('but');
        var counter = document.getElementbyId('countNum');
        var count = 0;
        button.onClick = function() {
            count += 1;
            counter.innerHTML = count;
        };
    </script>
</body>

但是，当我点击按钮时，我的计数器根本没有变化。我已经尝试将输出语句放在脚本的开头，但它们也没有出现。我把它弄错了吗？我的代码是错误的吗？

我已经浏览了所有相似的帖子，但无法弄清楚我的错误。

Answer 1

你在这里错过了很多功能。

这是正确的javascript代码。请注意，区分大小写，即document.getElementbyId与document.getElementById不同，button.onClick与button.onclick不同。

var button = document.getElementById('but');
var counter = document.getElementById('countNum');
var count = 0;
button.onclick = function() {
    count += 1;
    counter.innerHTML = count;
};

单击计数器不工作

1 个答案: