Dimensiunile ferestrei cu scrollarea în JavaScript

Să obținem dimensiunile ferestrei ținând cont de partea scrollată. Din păcate, nu există o metodă convenabilă care să funcționeze în toate browserele. Mai jos sunt prezentate soluții care funcționează. Nu trebuie să le înțelegeți în profunzime, doar să le folosiți.

Înălțimea ținând cont de partea scrollată:

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);

Lățimea ținând cont de partea scrollată:

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

La click pe buton afișați înălțimea ținând cont de partea scrollată.

Задание 2

La click pe buton afișați lățimea ținând cont de partea scrollată.

Задание 3

La click pe buton afișați înălțimea părții ascunse sub scroll.