Public archive for the Return to Ritherdon project.
https://www.nicolaellisandritherdon.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
731 B
18 lines
731 B
window.addEventListener("load", () => { |
|
// (A) GET HTML ELEMENTS |
|
var filter = document.getElementById("fe-search-filter"), // search box |
|
list = document.querySelectorAll("#fe-search-filter-list li"); // all list items |
|
|
|
// (B) ATTACH KEY UP LISTENER TO SEARCH BOX |
|
filter.onkeyup = () => { |
|
// (B1) GET CURRENT SEARCH TERM |
|
let search = filter.value.toLowerCase(); |
|
|
|
// (B2) LOOP THROUGH LIST ITEMS - ONLY SHOW THOSE THAT MATCH SEARCH |
|
for (let i of list) { |
|
let item = i.innerHTML.toLowerCase(); |
|
if (item.indexOf(search) == -1) { i.classList.add("hide"); } |
|
else { i.classList.remove("hide"); } |
|
} |
|
}; |
|
});
|
|
|