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.
19 lines
731 B
19 lines
731 B
2 years ago
|
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"); }
|
||
|
}
|
||
|
};
|
||
|
});
|