Javascript 循环内容未正确显示

Javascript 循环内容未正确显示,javascript,Javascript,我试图让一个循环在用户向文本框输入一个值后运行多次 我的程序只显示用户输入的字符一次,即使我有一个循环运行了不止一次 请看一下我的代码: <body> <input type="text" Id="myValue"></input>&nbsp; <button onclick="Display()">Display</button> <p Id="Paragraph"></p> <script>

我试图让一个循环在用户向文本框输入一个值后运行多次

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

请看一下我的代码:

<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>

展示

函数显示() { 对于(变量i=0;i<4;i++) { document.getElementById(“段落”).innerHTML=“您输入:”+ document.getElementById(“myValue”).value; } }
将您的内部代码设置为:

 document.getElementById("Paragraph").innerHTML += "You entered:  " +  
     document.getElementById("myValue").value;

将您的内部代码设置为:

 document.getElementById("Paragraph").innerHTML += "You entered:  " +  
     document.getElementById("myValue").value;

不,循环将迭代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; 
   }
}
函数显示()
{   
对于(变量i=0;i<4;i++)
{
警报(一);
document.getElementById(“段落”).innerHTML=“您输入:”+
document.getElementById(“myValue”).value;
}
}

否循环将迭代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; 
   }
}
函数显示()
{   
对于(变量i=0;i<4;i++)
{
警报(一);
document.getElementById(“段落”).innerHTML=“您输入:”+
document.getElementById(“myValue”).value;
}
}

您只是在覆盖段落的内容,为什么要这样做?你复制文本的原因是什么?想象一下,我输入了
hello
并单击了display:“您输入:helloYou输入:helloYou输入:helloYou输入:helloYou”为什么循环它…??是的,不…我想显示一个正方形的边框,所以我只是用这个示例代码来尝试并弄清楚如何进行循环。我将“You enter:”替换为“”,因此现在只显示字符。您只是在覆盖段落的内容,为什么要这样做?你复制文本的原因是什么?想象一下,我输入了
hello
并单击了display:“您输入:helloYou输入:helloYou输入:helloYou输入:helloYou”为什么循环它…??是的,不…我想显示一个正方形的边框,所以我只是用这个示例代码来尝试并弄清楚如何进行循环。我将“You Entered:”替换为“”,因此现在只显示字符