javascript - 如何在 HTML 页面上显示 JS 循环的输出

Question

我正在尝试让用户输入以显示他们想要“+++”的行数。我已经尝试了很多东西，但没有任何效果!!!我目前正在使用 document.getElementById('square').innerHTML = text; ，作为我显示它的代码但没有任何反应，我也没有在我的控制台中收到任何错误消息。请帮忙!!!

function loop4(){
    var rows = +prompt ('Please enter the ammount of rows you would like')
    var num = 0
    var text = ''
        while (num !==rows){
            text+= '+++ \n';
            num +=1;
        }
     document.getElementById('square').innerHTML = text;

        <input class='button' id='square' type='button' onclick="loop4()" value='Draw Square' /> <br>

Answer 1

我修复了它，并添加了一点 :)

您在函数末尾缺少括号。此外，输入元素不会采用 .innerHTML。如果你想让它在按钮上，你可以设置 .value，但是按钮不能带 .innerHTML。

function loop4() {
  var rows = +prompt('Please enter the ammount of rows you would like')
  var num = 0
  var text = ''
  while (num !== rows) {
    text += '+'.repeat(rows) +' <br>';
    num += 1;
  }
  document.getElementById('square').innerHTML = text;
}

<input class='button' id='square-btn' type='button' onclick="loop4()" value='Draw Square' /> <br>
<pre id="square">

</pre>