2013-05-28 64 views
0

我想在用戶將一個值輸入到文本框後運行多次循環。循環內容無法正常顯示

我的程序只顯示他輸入的用戶字符,即使我有一個循環運行多次。

請看看我的代碼:

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

你簡單地覆蓋段落 –

+0

的內容你爲什麼要這麼做?你是因爲什麼原因複製文本?想象一下,我進入了'hello'並點擊顯示:「你輸入了:你好,你輸入了:你好,你輸入了:你好,你輸入了:你好」 – bozdoz

+0

爲什麼你循環它......? –

回答

2

無循環將迭代4 times.But侑被替換文本框的值每次迭代。這就是實際發生的情況,你得到了最後一次迭代的結果。

如果你想檢查循環是否執行4次 然後寫入alert()in側迴路

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

讓你的內碼本:

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