MenusLesson 14Preview gratis
Search Menu
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Navigasi dengan Penyaringan Pencarian Cepat (Search Menu Filter) menggunakan JavaScript. Fitur ini memungkinkan pengguna mengetik kata kunci pada kotak input pencarian dan daftar tautan menu di bawahnya langsung tersaring secara real-time.
Poin kunci
- Mendengarkan event onkeyup pada elemen input pencarian
- Mengambil nilai teks input dan mengonversinya ke huruf besar (toUpperCase) untuk perbandingan case-insensitive
- Melakukan iterasi pada seluruh elemen tautan menu dan membandingkan indexOf()
- Menyetel style.display = '' jika cocok, atau 'none' jika tidak cocok
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.