Javascript 加法运算符令人困惑且不起作用

Question

好吧，我正在尝试学习 JS，但像这样的小事却让它变得很困难，让我想说算了

例如，w3schools 说 A+=B 与 A = A + B 相同但是当我更改此代码以不使用 A+=B 操作数并将其编码为 A = A + B 时，效果并不相同!所以这意味着 A+=B 与 A = A + B 的含义不同!

这是我正在学习“while”循环的w3chools示例，这是我下面的问题，这是他们的代码，它每次都在新行上写入“数字是1-19”，因为它应该

<h1>JavaScript while</h1>

<p id="demo"></p>

<script>
    var text = "";
    var i = 0;
    while (i < 10) {
        text += "<br>The number is " + i;
        i++;
    }
    document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

这是我的代码，我基本上将其从“A+=B”重写为“A = A + B”，它只写了一次“数字是”，并且在同一行上写了数字 1-19!

<h1>JavaScript while</h1>

<p id="demo"></p>

<script>
    var text = "<br>The number is ";
    var i = 0;
    while (i < 10) {
        text = text + i;
        i++;
    }
    document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Answer 1

您可以在循环中每次连​​接字符串:

var text = "";
var i = 0;
while (i < 10) {
  var curtext = document
    .getElementById("demo")
    .innerHTML;

  document
    .getElementById("demo")
    .innerHTML = curtext + "<br>The number is " + i;
  i++;
}

<div id="demo"></div>