FiltersLesson 153Preview gratis
Filter Elements
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini memperluas konsep filter dari daftar sederhana menjadi sekumpulan elemen seperti kartu atau blok konten. Setiap elemen diperiksa berdasarkan teks atau atribut data, lalu visibilitasnya diatur sesuai hasil pencocokan. Pendekatan ini berguna untuk galeri produk, direktori, dan dashboard dengan banyak kartu.
Poin kunci
- Simpan referensi elemen dalam array agar mudah diiterasi berulang kali
- Gunakan data-* attribute untuk kategori yang tidak terlihat sebagai teks
- Manfaatkan classList.toggle atau properti hidden untuk mengatur visibilitas
- Selalu sediakan opsi "semua" agar pengguna dapat mereset filter
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.