通过条件来打印字符串

151 阅读1分钟
原题目大概是通过一个固定的数组.里面有四个字符串,在页面上打印出不包含A和a的字符串

let fruit = new Array("apple", "ornge" ,"pech" ,"banana");

判断的数值是死的,我就在想,能不能把条件变为的态度的,打印在当前页面

<body>
    条件1为:<input type="text" id="conditions1" /><br />
    条件2为:<input type="text" id="conditions2" /><br />
    <button onclick="find()">查询</button>
    <br />
    数组:<span id="sp"></span><br />
    不包含:<span id="sp2"></span>
    <script type="text/javascript">
      //数组
      let fruit = new Array("apple", "ornge", "pech", "banana");
      //打印输出
      let fi = fruit;
      document.getElementById("sp").innerHTML = fi;
      function find() {
        //获取文本框值
        let name1 = document.getElementById("conditions1").value;
        let name2 = document.getElementById("conditions2").value;
        //控制台打印值
        console.log(conditions1);
        console.log(conditions2);
        //创建了一个数组
        let storage = new Array();
        //循环打印判断
        for (let i = 0; i < fruit.length; i++) {
          if (fruit[i].indexOf(conditions1) == -1 && fruit[i].indexOf(conditions2) == -1) {
            //打印输出
            //把fruit[i]也就是符合的值添加到名字为j的数组中
            storage.push(fruit[i]);
            //打印出数组
            document.getElementById("sp2").innerHTML = storage;
          }
        }
      }
    </script>
  </body>
有考虑把数组的值变成动态输入的

image.png