MoreLesson 176Preview gratis
Popups
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas popup, yaitu kotak kecil yang muncul setelah pengguna menekan tombol atau elemen tertentu. Berbeda dari modal penuh, popup biasanya tidak memblokir seluruh halaman dan dapat ditutup dengan tombol silang atau klik di luar. Implementasi JavaScript-nya berfokus pada toggle visibilitas dan penempatan yang tidak mengganggu konten lain.
Poin kunci
- Gunakan kelas atau atribut hidden untuk membuka dan menutup popup
- Tombol pemicu sebaiknya bertipe button agar tidak mengirim form
- Tutup popup saat pengguna mengklik di luar area popup atau menekan Escape
- Beri peran dan label yang sesuai, misalnya role="dialog" dan aria-labelledby, untuk popup yang lebih kompleks
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.