Dimensões da janela em JavaScript
As seguintes propriedades contêm as dimensões da janela do navegador, não incluindo a barra de rolagem:
let w = document.documentElement.clientWidth; // largura
let h = document.documentElement.clientHeight; // altura
As seguintes propriedades incluem a barra de rolagem:
let w = window.innerWidth; // largura
let h = window.innerHeight; // altura
A diferença entre os dois tipos de propriedades fornece o tamanho da barra de rolagem:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Ao clicar no botão, exiba a largura e a altura da janela.
Ao clicar no botão, verifique a presença de rolagem vertical na janela.
Ao clicar no botão, verifique a presença de rolagem horizontal na janela.
