ImagesLesson 93Preview gratis
Portfolio with Filtering
Lesson ini bagian dari How To · Semua level
Ringkasan
Portfolio with filtering menambahkan tombol kategori untuk menampilkan hanya proyek tertentu. Setiap tombol menyimpan filter pada atribut data-filter, sedangkan setiap proyek menyimpan kategorinya. JavaScript membandingkan keduanya lalu menyembunyikan kartu yang tidak cocok.
Poin kunci
- Atribut data-filter pada tombol menyimpan kategori yang dipilih.
- Atribut data-category pada kartu menyimpan kategori proyek.
- Properti hidden menyembunyikan kartu yang tidak sesuai.
- Kelas .active menandai tombol filter yang sedang dipakai.
- Filter 'all' menampilkan kembali semua proyek.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.