javascript document.getElementById在while循环中不起作用[重复]

Question

请帮帮我，我卡住了。当我把它写成

document.write(parseInt(n1) + ",")

它可以工作，但是当我把它写成

document.getElementById("result1").innerHTML = parseInt(n1) + ",";

它不起作用。

而不是显示例如： 1,3,5,7,9,...

它只显示一个数字，例如： 9、

这是我的代码：

Maximum Range:<input type="number" id="maximum"> <br><br>

number 1: <input type="number" id="number1"> <br>
increment 1: <input type="number" id="increment1">

<br><br>



<button onclick="calculate();">Calculate</button> <hr>

<strong>Results:</strong>
<p id="result1"></p>

<script>
    function calculate() {
        let n1 = document.getElementById("number1").value;
        let i1 = document.getElementById("increment1").value;
        let max = document.getElementById("maximum").value;
        while (parseInt(n1) <= parseInt(max)) {
            document.getElementById("result1").innerHTML = parseInt(n1) + ",";
            n1 = parseInt(n1) + parseInt(i1);
        }
    }

</script>

Answer 1

改变这一行 document.getElementById("result1").innerHTML = parseInt(n1) + ",";

到这里

document.getElementById("result1").innerHTML += parseInt(n1) + ",";

如 cmets 中所述..