javascript 添加调整大小功能

Question

我需要添加一个调整大小的函数，这样我就可以检查并在窗口调整大小时应用类。我不能使用媒体查询，所以我必须使用 javascript 来实现。

var mq = window.matchMedia( "(min-width: 640px)" );
var el = document.getElementById('output');

if (mq.matches) {
  el.innerHTML ='640 and over';
  el.className += 'over'
} else {
  el.innerHTML ='640 and under';
  el.className += 'under'
}

#output{
  padding:20px;
  color:#fff;
}

.over{
  background:#808;
}

.under{
  background:#f00;
}

<div id="output"></div>

Answer 1

var el = document.getElementById('output');
function checkSize() {

   if(window.innerWidth >= 640) {
      el.innerHTML = '640 and over';
      el.className = 'over'
   } else {
     el.innerHTML = 'under 640';
     el.className = 'under'
   }

 }
 window.addEventListener("resize", checkSize)
 checkSize()

#output{
  padding:20px;
  color:#fff;
}

.over{
  background:#808;
}

.under{
  background:#f00;
}

<div id="output"></div>