I am trying to create an array where users enters multiple items into text box. All i can get my function to return is the first entry. Maybe i am approaching this wrong?
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>
Move treesArray
out of the trees
function.
With it being in there, its being recreated every call.
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>
You can do it like this, asking the user to separate each entry with a comma:
var treesArray = []
function treez() {
var trees = document.getElementById("trees").value;
treesArray = trees.split(",");
document.getElementByID("tresult").innerHTML = treesArray +
" " + treesArray.join(" - ");
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.