将整数输入到数组中,然后在整数数组中搜索该数组

时间:2017-02-23 00:34:00

标签: javascript arrays button

我尝试创建一个HTML页面,允许用户使用按钮将整数输入到存储的数组中,然后使用另一个按钮在该数组中搜索输入的整数。我非常困惑并且对编码很新,所以任何帮助都会非常感激!

1 个答案:

答案 0 :(得分:0)

试试这个



<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <p id="data">[]</p>
    <input id="inputNumber" value="0"/> <button id="pushBtn" onclick="push()">PUSH</button>
    <input id="findNumber" value="0"/> <button id="pushBtn" onclick="find()">FIND</button>
    <script>
      var data = [];
      function push(e) {
        var toAdd = document.getElementById("inputNumber").value;
        data.push(toAdd);
        refresh();
      }
      function find(e) {
        var toFind = document.getElementById("findNumber").value;
        for(var i=0; i < data.length; i++){
          if(data[i]==toFind) return alert("found at "+i);
        }
        return alert("couldn't find that number");
      }
      function refresh(){
        document.getElementById("data").innerHTML = data;
      }
    </script>
  </body>
</html>
&#13;
&#13;
&#13;

基本上,我只是使用按钮调用脚本中的函数来处理插入和查询。此外,刷新功能用于刷新新添加的数据