Tamaños de ventana en JavaScript
Las siguientes propiedades contienen las dimensiones de la ventana del navegador, sin incluir la barra de desplazamiento:
let w = document.documentElement.clientWidth; // anchura
let h = document.documentElement.clientHeight; // altura
Las siguientes propiedades incluyen la barra de desplazamiento:
let w = window.innerWidth; // anchura
let h = window.innerHeight; // altura
La diferencia entre los dos tipos de propiedades da el tamaño de la barra de desplazamiento:
let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;
console.log(w2 - w1);
Al hacer clic en el botón, muestre la anchura y la altura de la ventana.
Al hacer clic en el botón, verifique la presencia de desplazamiento vertical en la ventana.
Al hacer clic en el botón, verifique la presencia de desplazamiento horizontal en la ventana.