Breaking News: Grepper is joining You.com. Read the official announcement!

how to search and filter js

0xTony143 answered on May 31, 2022 Popularity 10/10 Helpfulness 3/10

answer how to search and filter js

related find and filter in javascript

how to search and filter js

Comment

function myFunction() {
  // Declare variables
  var input, filter, ul, li, a, i, txtValue;
  input = document.getElementById('myInput');
  filter = input.value.toUpperCase();
  ul = document.getElementById("myUL");
  li = ul.getElementsByTagName('li');

  // Loop through all list items, and hide those who don't match the search query
  for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    txtValue = a.textContent || a.innerText;
    if (txtValue.toUpperCase().indexOf(filter) > -1) {
      li[i].style.display = "";
    } else {
      li[i].style.display = "none";
    }
  }
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: filter javascript search

Link to this answer
Share Copy Link

Contributed on Jun 03 2022

0xTony143

0 Answers Avg Quality 2/10

Closely Related Answers

find and filter in javascript

Comment

const persons = [
  {name:"Shirshak",gender:"male"},
  {name:"Amelia",gender:"female"},
  {name:"Amand",gender:"male"}
]
//filter return all objects in array
let male = persons.filter(function(person){
return person.gender==='male'
})
console.log(male) //[{name:"Shirshak",gender:"male"},{name:"Amand",gender:"male"}]

//find return first object that match condition
let female = persons.find(function(person){
return person.gender==='female'
})

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: filter fi

Link to this answer
Share Copy Link

Contributed on May 31 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

how to search and filter js

Contents

More Related Answers

how to search and filter js

Closely Related Answers

find and filter in javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.