Поисковая система с JavaScript - PullRequest
Новая
       38

Поисковая система с JavaScript

0 голосов
/ 18 апреля 2019

проблема в том, что у меня есть какой-то div, который я хочу загрузить, чтобы страница отображалась скрытой и искала правильное имя для отображения, но заставляла их скрывать и искать все, кроме того, которое я ищу. 

<label for = "search">Choose your lunch name of below list:</label>
<input type = "text" id = "search" placeholder = "Your choice" autofocus />
<section>
    <div>
        <span ><a href=''>Friends</a></span>
    </div>
    <div>         
        <span>1</span>
    </div>
    <div>           
        <span>2</span>
    </div>
    <div>    
        <span>3</span>
    </div>
    <div>           
        <span>4</span>
    </div>
</section>

<script>
    var search = document.getElementById("search"),
    link = document.getElementsByTagName("span"),
    forEach = Array.prototype.forEach;

    search.addEventListener("keyup", function(e){
      var choice = this.value;
      forEach.call(link, function(l){
        if (l.innerHTML.toLowerCase().search(choice.toLowerCase()) == -1)
          l.style.display = "none";             
        else
          l.style.display = ""; 
      });
    }, false);
</script>
...