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.

<body>
    <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.

<body>
    <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.

<body>
    <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.

<body>
    <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.

<body>
    <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.

<body>
    <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 :)

18 September 2019

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat