從多個輸入創建數組

Question

我試圖創建一個數組，用戶在其中輸入多個項目到文本框中。 我能得到的要返回的函數都是第一個條目。 也許我正在解決這個錯誤？

 function treez() { var treesArray = []; var ar = treesArray.push(document.getElementById("trees").value); var st = treesArray.toString(); document.getElementById("tresult").innerHTML = st; } 

 Enter 7 Trees <br> <textarea rows="5" cols="50" id="trees" name "trees"></textarea> <br> <br> <button type="button" class="processButton" onclick="treez()">submit</button> <br> <p id="tresult"> <p> 

Answer 1

將treesArray移出trees函數。

有了它，就可以在每次調用時重新創建它。

 var treesArray = []; function treez() { var ar = treesArray.push(document.getElementById("trees").value); var st = treesArray.toString(); document.getElementById("tresult").innerHTML = st; } 

 Enter 7 Trees <br> <textarea rows="5" cols="50" id="trees" name "trees"></textarea> <br> <br> <button type="button" class="processButton" onclick="treez()">submit</button> <br> <p id="tresult"> <p> 

Answer 2

您可以這樣操作，要求用戶用逗號分隔每個條目：

var treesArray = []
function treez() {
    var trees = document.getElementById("trees").value;
    treesArray = trees.split(",");
    document.getElementByID("tresult").innerHTML = treesArray + 
       "   " +  treesArray.join(" - ");
}