let cards = document.querySelectorAll('.box') function liveSearch() { let search_query = document.getElementById("searchbox").value; //Use innerText if all contents are visible //Use textContent for including hidden elements for (var i = 0; i < cards.length; i++) { if(cards[i].textContent.toLowerCase() .includes(search_query.toLowerCase())) { cards[i].classList.remove("is-hidden"); } else { cards[i].classList.add("is-hidden"); } } } //A little delay let typingTimer; let typeInterval = 500; let searchInput = document.getElementById('searchbox'); searchInput.addEventListener('keyup', () => { clearTimeout(typingTimer); typingTimer = setTimeout(liveSearch, typeInterval); });
top of page

Frequently Asked Questions (FAQs)

Main Subject Area 01

 

[01] Q: blah blah blah blah blah [keyword01] blah blah blah blah blah blah blah

A: blah blah [keyword02]  blah blah blah blah blah blah blah blah blah blah

 

[02] Q: blah blah blah blah blah blah blah [keyword03]  blah blah blah blah blah

A: blah blah blah blah blah [keyword04]  blah blah blah blah blah blah blah

 

[03] Q: blah blah blah blah blah blah blah blah blah blah blah blah

A: blah blah blah blah blah blah blah blah blah blah blah blah



 

Main Subject Area 02

 

[01] Q: blah blah blah blah blah blah blah blah blah blah blah blah

A: blah blah blah blah blah blah blah blah [keyword05]  blah blah blah blah

 

[02] Q: blah blah blah blah [keyword01]  blah blah blah blah blah blah blah blah

A: blah blah blah blah blah blah blah blah blah blah blah blah

 

[03] Q: blah [keyword06]  blah blah blah blah blah blah blah blah blah blah blah

A: blah blah blah blah blah blah blah blah blah blah blah blah

bottom of page