Fönsterdimensioner inklusive scroll i JavaScript

Låt oss få fram fönsterdimensionerna inklusive den scrollade delen. Tyvärr finns det inget bekvämt sätt som fungerar i alla webbläsare. Nedan finns fungerande lösningar. Du behöver inte förstå dig på dem, använd bara.

Höjd inklusive den scrollade delen:

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

Bredd inklusive den scrollade delen:

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

Vid klick på knappen, skriv ut höjden inklusive den scrollade delen.

Задание 2

Vid klick på knappen, skriv ut bredden inklusive den scrollade delen.

Задание 3

Vid klick på knappen, skriv ut höjden på den delen som är dold under scrollningen.