如何顯示以前的用戶輸入以及新的輸入

我是Html的新手，我試圖創建一個腳本來顯示用戶輸入回到用戶。無論何時我輸入一個新的輸入，新的用戶輸入騎上一次輸入。但我需要顯示所有的用戶輸入？如何使用Javascript來做到這一點。如何顯示以前的用戶輸入以及新的輸入

我的代碼

<html><head></head><body> 

<input id="title" type="text" > 
<input type="submit" value="Save/Show" onclick="clearAndShow()" /> 

<div id="display2letter"></div> 
<div id="display3letter"></div> 
<div id="display4letter"></div> 

<script type="text/javascript"> 
var titleInput = document.getElementById("title"); 
var display2letter = document.getElementById("display2letter"); 
var display3letter = document.getElementById("display3letter"); 
var display4letter = document.getElementById("display4letter"); 

function clearAndShow() { 
    // Split input box value by comma 
    titles = titleInput.value.split(","); 

    // Reset display divs 
    display2letter.innerHTML = ""; 
    display3letter.innerHTML = ""; 
    display4letter.innerHTML = ""; 

    // Cache length so it's not recalculated on each iteration. 
    var len = titles.length; 
    var twoletter = []; 
    var threeletter = []; 
    var fourletter =[]; 
    for (i = 0; i < len; i++) { 
     // Check for a-z, A-Z, 
     if (!titles[i].match(/^[a-zA-Z]/)) { 
     throw error("Please use only alphabet letters"); 

     } 

     // Dump into storage arrays. 
     if(titles[i].length == 2) { 
       twoletter.push(titles[i]); 
     } 
     else if(titles[i].length == 3){ 
      threeletter.push(titles[i]); 
     } 
     else if(titles[i].length == 4){ 
        fourletter.push(titles[i]); 
     } 
    } 

    display2letter.innerHTML += " 2 letters: " + twoletter.join(", ") + "<br/>"; 
    display3letter.innerHTML += " 3 letters: " + threeletter.join(", ") + "<br/>"; 
    display4letter.innerHTML += " 4 letters: " + fourletter.join(", ") + "<br/>"; 
} 
</script> 
</body> 

</html>

來源

2013-10-22 Ashok Kumar

您應該創建這樣 – subZero

導致問題的jsfiddle這一點，在閱讀你的問題和代碼之後，我的思想並沒有加入到兩個，你可以創造一個小提琴或解釋它好一點？ – bitoiu

嘗試宣告這些變量 - 在clearAndShow()功能之前

var twoletter = []; 
var threeletter = []; 
var fourletter =[];

，即

<script type="text/javascript"> 
var titleInput = document.getElementById("title"); 
var display2letter = document.getElementById("display2letter"); 
var display3letter = document.getElementById("display3letter"); 
var display4letter = document.getElementById("display4letter"); 
var twoletter = []; 
var threeletter = []; 
var fourletter =[]; 

function clearAndShow() {

來源

2013-10-22 08:37:15

我試過了，但它不工作。 –

我認爲它工作。檢查這裏，[Jsbin]（http://jsbin.com/isezATiP/1/edit）如果你的問題仍然沒有解決，請解釋清楚 –

燁我檢查它是工作，非常感謝。 –

如何顯示以前的用戶輸入以及新的輸入

回答

相關問題