Debounce Search Filter
JavaScript
Medium
2 views
Problem Description
You have and many items with class item inside #list. Filter items by text content (case-insensitive). Debounce the filtering by 300ms.
Output Format
No output (DOM change).
Constraints
Assume #search exists and items are inside #list with class item.
Official Solution
const search=document.getElementById('search');const list=document.getElementById('list');const items=[...list.querySelectorAll('.item')];let t=0;const apply=()=>{const q=search.value.trim().toLowerCase();for(const el of items){const ok=el.textContent.toLowerCase().includes(q);el.style.display=ok?'':'none';}};search.addEventListener('input',()=>{clearTimeout(t);t=setTimeout(apply,300);});apply();
Solutions (0)
No solutions submitted yet. Be the first!
No comments yet. Start the discussion!