时间戳

首页 > 解决方案 > 如何在 HTML 页面上显示 JS 循环的输出

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

问题描述

我正在尝试获取用户输入以显示他们想要的“+++”行数。我已经尝试了很多东西，但没有任何效果！！！！我目前正在使用 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>

标签： javascripthtml-table

解决方案

我修好了，也加了一点:)

您在函数末尾缺少括号。此外，输入元素不会采用.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>

推荐阅读