Tentang Window Screen pada Javascript
Tentang Window Screen pada Javascript - Pembahasan saya kali ini adalah Tentang Window Screen pada Javascript dimana metode ini bisa kita gunakan untuk mengetahui informasi layar (screen), misalnya resolusi layar, lebar, tinggi, kedalaman piksel, kedalaman warna dan lain sebagainya. Nah, semua perintah itu ada pada window screen dan secara umum proprti yang terdapat pada window screen adalah sebagai berikut.
- screen.width
- screen.height
- screen.availWidth
- screen.availHeight
- screen.colorDepth
- screen.pixelDepth
Dari properti window screen diatas saya akan bahas satu persatu sekaligus cara penggunaan nya.
1. screen.width
screen.width adalah properti yang akan mengembalikan ukuran lebar suatu layar atau layar yang sedang kalian gunakan saat ini. Berikut adalah contoh penggunaan screen.width.
<div id="demo"></div>
<!-- screen.width -->
<script>
document.getElementById("demo").innerHTML = "Ukuran lebar layar kamu adalah : " + screen.width;
</script>
</body>
2. screen.height
screen.height adalah properti yang akan mengemablikan ukuran tinggi layar kalian saat ini. Berikut adalah contoh penggunaan screen.height.
<div id="demo"></div>
<!-- screen.height -->
<script>
document.getElementById("demo").innerHTML = "Ukuran tinggi layar kamu adalah : " + screen.height;
</script>
</body>
3. screen.availWidth
screen.availWidth adalah properti yang akan mengemablikan ukuran lebar suatu layar, hampir sama dengan screen.width hanya saja properti ini akan dikurangi jika ada interface yang sedang terbuka, misalnya penggunaan taksbar disamping kiri atau kanan. Berikut adalah contoh penggunaan screen.availWidth.
<div id="demo"></div>
<!-- screen.availWidth -->
<script>
document.getElementById("demo").innerHTML = "Ukuran lebar layar kamu adalah : " + screen.availWidth;
</script>
</body>
4. screen.availHeight
screen.availHeight adalah properti yang akan mengembalikan ukuran tinggi suatu layar, seperti pada screen.availWidth jika properti ini digunakan maka akan mengurangi tinggi layar apabila ada interface yang terbuka, seperti taksbar dibagian bawah dan atas. Berikut adalah contoh penggunaan screen.availHeight.
<div id="demo"></div>
<!-- screen.availHeight -->
<script>
document.getElementById("demo").innerHTML = "Ukuran tinggi layar kamu adalah : " + screen.availHeight;
</script>
</body>
5. screen.colorDepth
screen.colorDepth adalah properti yang akan mengemablikan jumlah bit untuk menampilkan satu warna, saat ini komputer telah mengunakan bit 24 dan 32 sebagai resolusi warna, tu artinya jika hasilnya adalah 24 atau 32 berarti komputer kalian sudah yang terbaru. Berikut adalah contoh penggunaan screen.colorDepth.
<p id="demo"></p>
<!-- screen.colorDepth -->
<script>
document.getElementById("demo").innerHTML = "Warna layar kamu adalah " + screen.colorDepth;
</script>
</body>
6. screen.pixelDepth
screen.pixelDepth adalah properti yang akan mengemablikan kedalaman suatu layar. Berikut adalah contoh penggunaan screen.pixelDepth.
<p id="demo"></p>
<!-- screen.pixelDepth -->
<script>
document.getElementById("demo").innerHTML = "Kedalaman layar kamu adalah " + screen.pixelDepth;
</script>
</body>
Baik, itulah beberapa properti yang bisa kita gunakan untuk mengetahui tentang informasi layar. Cukup sekian pembahasan Tentang Window Screen pada Javascript semoga bermanfaat :)
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)
