FiltersLesson 151Preview gratis
Filter List
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini menunjukkan cara menyaring daftar item berdasarkan teks yang diketik pengguna. Setiap item dibandingkan dengan kata kunci, lalu item yang tidak cocok disembunyikan. Teknik ini sering dipakai pada daftar kontak, menu, atau daftar nama dan dapat diimplementasikan dengan JavaScript murni.
Poin kunci
- Ambil semua item daftar dengan querySelectorAll dan ulangi menggunakan forEach
- Bandingkan kata kunci dalam huruf kecil dengan textContent item
- Sembunyikan item yang tidak cocok menggunakan style.display = "none"
- Tampilkan pesan khusus ketika tidak ada item yang cocok dengan pencarian
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.