노마드 코더 바닐라JS 챌린지-5

몇달전에 들은 바닐라JS 강의의 챌린지라는 것이 있어서 한번 도전해보았다.
5일차의 과제는 화면의 크기에 창의 크기에 따른 backgorundColor의 변화였기에 나는 코드를 밑에방식으로 만들어 보았다.

const bd = document.querySelector("body");

function Resize() {
  const size = window.innerWidth;
  if (size >= 700) {
    bd.style.backgroundColor = "tomato";
  } else if (size < 700 && size > 400) {
    bd.style.backgroundColor = "purple";
  } else {
    bd.style.backgroundColor = "red";
  }
}
window.addEventListener("resize", Resize)