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