點擊計數器不起作用

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 個解決方案

解決方案1
3 已采納 2017-11-23 21:23:02

點擊計數器不起作用

問題描述

1 個解決方案

解決方案1 3 已采納 2017-11-23 21:23:02

解決方案1
3 已采納 2017-11-23 21:23:02