Ukuran Jendela dengan Mempertimbangkan Bagian yang Di-scroll dalam JavaScript

Mari kita dapatkan ukuran jendela dengan mempertimbangkan bagian yang di-scroll. Sayangnya, tidak ada cara yang mudah, yang bekerja di semua browser. Di bawah ini diberikan solusi yang bekerja. Anda tidak perlu memahaminya dalam-dalam, cukup gunakan saja.

Tinggi dengan mempertimbangkan bagian yang di-scroll:

javascriptlet scrollHeight = Math.max(
  document.body.scrollHeight, document.documentElement.scrollHeight,
  document.body.offsetHeight, document.documentElement.offsetHeight,
  document.body.clientHeight, document.documentElement.clientHeight
);

console.log(scrollHeight);

Lebar dengan mempertimbangkan bagian yang di-scroll:

javascriptlet scrollWidth = Math.max(
  document.body.scrollWidth, document.documentElement.scrollWidth,
  document.body.offsetWidth, document.documentElement.offsetWidth,
  document.body.clientWidth, document.documentElement.clientWidth
);

console.log(scrollWidth);
Задание 1

Saat tombol ditekan, tampilkan tinggi dengan mempertimbangkan bagian yang di-scroll.

Задание 2

Saat tombol ditekan, tampilkan lebar dengan mempertimbangkan bagian yang di-scroll.

Задание 3

Saat tombol ditekan, tampilkan tinggi bagian yang tersembunyi di bawah scroll.