画面サイズがブレークポイントを超えたときに処理を行う

const mediaQueryList = matchMedia("(min-width:700px)");
console.log(mediaQueryList);

console.log(matchMedia("(min-width:300px)").matches);
console.log(matchMedia("(min-width:300px)and(max-width:500px)").matches);
console.log(matchMedia("(orientation:portrait)").matches);

mediaQueryList.addListener(onMediaQueryChange);

function onMediaQueryChange(mediaQueryList) {
  if (mediaQueryList.matches === true) {
    console.log("OVER 700px!!");
  }
}