将用户输入推送到阵列

时间:2012-09-26 06:33:26

标签: javascript

嗨,所以是的,这是我以前的一个问题,我已经打了书,然后回到基础调整了一些东西,但我仍然无法获得输入值推送到阵列可以有一个请帮我搞定我对此表示感谢

<!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>

2 个答案:

答案 0 :(得分:3)

这是错误:

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

push是一种方法,而不是属性; - )

JSFiddle

PS:为什么;之后id="box";?你也应该解决这个问题..! ; - )

答案 1 :(得分:1)

你很接近,这是工作代码:

<!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>​