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:

javascriptlet w = document.documentElement.clientWidth;  // largura
let h = document.documentElement.clientHeight; // altura

As seguintes propriedades incluem a barra de rolagem:

javascriptlet 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:

javascriptlet w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;

console.log(w2 - w1);