javascript - Push user input to array

Hi so yes this is a previous issue i have had, i have hit the books and whent back to basics adjusted a few things but im still having trouble getting the input value to push to the array can some one please help me get my head around this thanks

<!DOCTYPE html>
<html>

 <body>
  <script type="text/javascript">
   var number=["1"]
   function myFunction()
   {
    var x=document.getElementById("box");
     number.push=document.getElementById("input").value;
    x.innerHTML=number.join('<br/>'); 
   }
  </script>
 <form>
  <input id="input" type=text>
   <input type=button onclick="myFunction()" value="Add Number"/>
  </form>

 <div id="box"; style="border:1px solid black;width:150px;height:150px;overflow:auto"> 
  </div>
</body>
</html>

<!DOCTYPE html>
<html>

 <body>
  <script type="text/javascript">
   var number=["1"]
   function myFunction()
   {
    var x=document.getElementById("box");
     number.push=document.getElementById("input").value;
    x.innerHTML=number.join('<br/>'); 
   }
  </script>
 <form>
  <input id="input" type=text>
   <input type=button onclick="myFunction()" value="Add Number"/>
  </form>

 <div id="box"; style="border:1px solid black;width:150px;height:150px;overflow:auto"> 
  </div>
</body>
</html>

Share Improve this question asked Sep 26, 2012 at 6:33 Linda wolfenden 1432 gold badges3 silver badges8 bronze badges

Try number.push (document.getElementById("input").value) instead of number.push=document.getElementById("input").value; – sdkljhdf hda Commented Sep 26, 2012 at 6:37
thank you so much i have been on this for weeks – Linda wolfenden Commented Sep 26, 2012 at 7:10

Add a ment |

2 Answers 2

Sorted by: Reset to default 4

Here is the mistake:

number.push(document.getElementById("input").value);

push is a method, not an attribute ;-)

JSFiddle

PS: Why the ; after id="box"; ? You should fix that too..! ;-)

You were close, here's the working code:

<!DOCTYPE html>
<html>

 <body>
  <script type="text/javascript">
   var number = [];

   function myFunction()
   {
     var x = document.getElementById("box");
     number.push(document.getElementById("input").value);
     x.innerHTML = number.join('<br/>'); 
   }
  </script>
 <form>
  <input id="input" type=text>
   <input type=button onclick="myFunction()" value="Add Number"/>
  </form>

 <div id="box" style="border:1px solid black;width:150px;height:150px;overflow:auto"> 
  </div>
</body>
</html>

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Push user input to array - Stack Overflow

2 Answers 2

与本文相关的文章

评论列表(0)