Home » How To » Cara Mendapatkan Current Screen Size Dengan Javascript

Cara Mendapatkan Current Screen Size Dengan Javascript

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Di bawah ini kita akan mempelajari cara mendapatkan ukuran layar / jendela browser saat ini dengan JavaScript.

Ukuran Layar Saat Ini

Gunakan window.innerWidth dan window.innerHeight untuk mendapatkan ukuran layar halaman saat ini.

Contoh ini menampilkan tinggi dan lebar jendela browser (TIDAK termasuk toolbar / scrollbar):

Contoh

var w = window.innerWidth;
var h = window.innerHeight;
<!DOCTYPE html>
<html>
<body>

<h2> Dapatkan ukuran layar / jendela saat ini </h2>
<p> Contoh ini menampilkan tinggi dan lebar jendela peramban: (TIDAK termasuk toolbar / scrollbar)

<p id="demo"></p>

<script>
var w = window.innerWidth;
var h = window.innerHeight;

var x = document.getElementById("demo");
x.innerHTML = "Browser width: " + w + ", height: " + h + ".";
</script>

</body>
</html>

You may also like