单击计数器不起作用答案

【问题标题】：Click Counter not working单击计数器不起作用
【发布时间】：2017-11-23 21:18:53
【问题描述】：

这是一个超级基本的计数器，只计算按钮的点击次数。以下是我的 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>

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

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

【问题讨论】：

标签： javascript

【解决方案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;
};

【讨论】：

谢谢。根据我在此处阅读的另一个答案，我已将 onclick 更改为 onClick，但没有任何帮助。我最初的问题是由于 byId 错误。