循环内容不能正确显示

Loop content not displaying properly

本文关键字：显示 不能 循环      更新时间：2023-09-26

我正在尝试在用户在文本框中输入值后运行多次循环。

我的程序只显示用户输入的字符，即使我有一个循环，运行不止一次。

请看看我的代码:

<body>
<input type="text" Id="myValue"></input>&nbsp;
<button onclick="Display()">Display</button>
<p Id="Paragraph"></p>
<script>
function Display()
{   
   for(var i = 0; i < 4;  i++)
   {
     document.getElementById("Paragraph").innerHTML = "You entered:  " +  
     document.getElementById("myValue").value; 
   }
}
</script>
</body>

不，循环将迭代4次。但是你要在每次迭代中替换textbox的值。这就是实际发生的，你得到最后一次迭代的结果

如果你想检查循环是否执行了4次然后在循环

中写入alert()
function Display()
{   
   for(var i = 0; i < 4;  i++)
   {
     alert(i);
     document.getElementById("Paragraph").innerHTML = "You entered:  " +  
     document.getElementById("myValue").value; 
   }
}

让你的内部代码如下:

 document.getElementById("Paragraph").innerHTML += "You entered:  " +  
     document.getElementById("myValue").value;
相关文章：