Skip to main content
2 de 4
adicionou 85 caracteres ao conteúdo
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;

var x = window.matchMedia("(max-width: "+widthPage+"px)");

//Sua implementação do código vai aqui dentro
document.getElementById("getWidthWindow").innerHTML =`[${x.media}]`;
//ev.currentTarget.outerWidth pega o tamanho à medida que 

}
<p>Redimensiona a página.</p>
<div id="getWidthWindow">Tamanho da Página: </div>

Taffarel Xavier
  • 1,4mil
  • 9
  • 17