Creating array from multiple inputs

Question

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>

I have the same doubt. If you want to do it with only one textarea or textbox, first you need to define which is your word separator, it can be a comma or just spaces (not recommended). — rdarioduarte
– rdarioduarte, Commented Dec 9, 2015 at 14:00

Daniel A. White · Accepted Answer · 2015-12-09 13:53:38Z

1

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>

answered Dec 9, 2015 at 13:53

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

thyme · Accepted Answer · 2015-12-09 21:51:35Z

0

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(" - ");
}

answered Dec 9, 2015 at 21:51

thyme

114 bronze badges

Collectives™ on Stack Overflow

Creating array from multiple inputs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related