Usa o evento onresize (https://www.w3schools.com/jsref/event_onresize.asp). https://www.w3schools.com/howto/howto_js_media_queries.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
//Pega o tamanho original da página conforme for redimensionando
let widthPage = ev.currentTarget.outerWidth;
var xx1 = window.matchMedia(`(max-width: ${widthPage}px)`);
documentvar x2 = window.getElementByIdmatchMedia("getWidthWindow""(max-width: 700px).innerHTML")
myFunction(x2) =`[${x// Call listener function at run time
x2.media}]`;addListener(myFunction) // Attach listener function on state changes
}
<p>Redimensiona a página.</p>
<div id="getWidthWindow">matchMedia: </div>