js media query

by vi161

HTML

<div class='a'></div>

JavaScript

let res;
function setup_for_width(mql) {
let w;
  if (mql.matches) {
  w = '>400'
  } else {
    w = '<400'
  }
  res = w;
  document.querySelector('.a').innerHTML = res;

}
 
var mql = window.matchMedia("screen and (min-width: 400px)");
 
mql.addListener(setup_for_width); // Добавим прослушку на смену результата
 
setup_for_width(mql); // Вызовем нашу функцию