Skip to main content
1 de 4
Taffarel Xavier
  • 1,4mil
  • 9
  • 17

Usa o evento onresize (https://www.w3schools.com/jsref/event_onresize.asp).

Ele é executado quando a página é redimensionada. Você poderá pegar o tamanho da página e fazer a lógica do seu programa.

document.getElementById("getWidthWindow").innerHTML = `Tamanho da página ${window.outerWidth}px.`;

window.onresize = function(ev){
let widthPage = ev.currentTarget.outerWidth;
//Sua implementação do código vai aqui dentro
document.getElementById("getWidthWindow").innerHTML =
`Tamanho da página ${widthPage}px.`;
//ev.currentTarget.outerWidth pega o tamanho à medida que 
// a tela é redimensionada.
}
<p>Redimensiona a página.</p>
<div id="getWidthWindow">Tamanho da Página: </div>

Taffarel Xavier
  • 1,4mil
  • 9
  • 17