document.addEventListener('DOMContentLoaded', () =>{ const search = document.getElementById('school-summary-search'); const rows = [...document.querySelectorAll('[data-summary-row]')]; const count = document.getElementById('school-summary-count'); const empty = document.getElementById('school-summary-empty'); const update = () =>{ const query = search.value.trim().toLocaleLowerCase('th'); let visible = 0; rows.forEach(row =>{ const show = !query || row.textContent.toLocaleLowerCase('th').includes(query); row.hidden = !show; if (show) visible++; }); count.textContent = visible; empty.hidden = visible !== 0; }; search.addEventListener('input', update);});