MoreLesson 287Preview gratis
Get Current Screen Size
Lesson ini bagian dari How To · Semua level
Ringkasan
Ukuran jendela browser dapat dibaca melalui properti seperti window.innerWidth dan window.innerHeight, yang menunjukkan area tampilan (viewport) yang tersedia. Untuk ukuran layar fisik, gunakan screen.width dan screen.height. Nilai viewport dapat berubah saat pengguna mengubah ukuran jendela, sehingga perlu diperbarui melalui event resize atau dipantau dengan matchMedia.
Poin kunci
- window.innerWidth dan innerHeight mengukur viewport termasuk scrollbar
- document.documentElement.clientWidth mengukur area konten tanpa scrollbar vertikal
- screen.width dan screen.height mengukur layar fisik perangkat
- Event resize dipakai untuk memperbarui tampilan saat ukuran berubah
- Untuk desain responsif, media query CSS lebih tepat daripada menghitung ukuran dengan JavaScript
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.