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>