Javascript 触发器只调整一次大小

我试图在调整客户端窗口的大小时反转两个div，但是我的函数循环。 我知道使用flexbox可以很容易地做到这一点，但我更感兴趣的是了解如何使用JS使其工作。刚开始学习JS，我正在尝试函数

当客户端的窗口低于58em时，我希望div重新排列，就像

flex-direction:column-reverse例如。当窗口未调整大小或其大小大于58em时，该函数不应执行任何操作


var reverse=document.querySelectorAll（“.reverse”）；
函数反转子对象（父对象）{
对于（var i=1；i

一些文本
您应该侦听匹配媒体，而不是调整大小事件


var reverse=document.querySelectorAll（“.reverse”）；
/*在这个函数中，任何其他颠倒元素顺序的代码都是可行的*/
函数反转子对象（父对象）{
让孩子们=[]；
对于（变量i=0；iitem.outerHTML.join（“”）；
parent.innerHTML=子对象；
}
let media=window.matchMedia（（最大宽度：58em））；
media.addListener（（）=>{
对于（变量i=0；i

一些文本
我正在尝试反转两个div
你的确切意思是什么？请检查整页的片段。当客户端的窗口低于58em时，我希望第一个div重新排列，就像
flex-direction:column-reverse例如。当窗口未调整大小或其大小大于58em时，该函数不应执行任何操作