Skip to main content
3 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á fazer lógica dentro desse evento.

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


window.onresize = function(ev) {

//Sua implementação do código vai aqui dentro

let widthPage = ev.currentTarget.outerWidth;

var x = window.matchMedia(`(max-width: ${widthPage}px)`);

document.getElementById("getWidthWindow").innerHTML =`[${x.media}]`;

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

Taffarel Xavier
  • 1,4mil
  • 9
  • 17