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. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> 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}]`; } <!-- language: lang-html --> <p>Redimensiona a página.</p> <div id="getWidthWindow">matchMedia: </div> <!-- end snippet -->