javascript - 变量不修改 divCount

Question

我一直在学习 javascript，我已经挂了一段时间。我试图在每次按下按钮时加 1，但它没有这样做，它只是停留在 0。

 <input id="numberBox" size="10" type="text">
<br><br>
<input value="Double!" 
onclick="var n = document.getElementById('numberBox').value;
n = n * 2;
document.getElementById('numberBox').value = n";
input type="button">
<br>
<br>
<input value="Reset Number of Clicks" onclick="document.getElementById('divCount').innerHTML = 0;" type="button">
</p>
<hr>
    <script>
        var count = document.getElementById('divCount').innerHTML;
        count ++;
        document.getElementById('divCount').innerHTML = count;
    </script>
    <div id='divCount'>0</div>

我还在学习中，如果这是一个愚蠢的错误，请原谅我。谢谢。

Answer 1

您必须在执行脚本时创建元素，并且必须解析字符串以增加它:

<div id='divCount'>0</div>
<script>
    var count = parseInt(document.getElementById('divCount').innerHTML, 10);
    count ++;
    document.getElementById('divCount').innerHTML = count;
</script>

如果您不想将脚本放在元素之后(或者如果您的 JS 代码位于 header 中导入的单独文件中)，您可以将内容放在加载时执行的函数中:

<script>
    document.addEventListener('load', function(){
        var count = parseInt(document.getElementById('divCount').innerHTML, 10);
        count ++;
        document.getElementById('divCount').innerHTML = count;
    });
</script>
<div id='divCount'>0</div>