평행코드

[JS] window.innerWidth 창크기변경시 스타일변경 본문

JavaScript

[JS] window.innerWidth 창크기변경시 스타일변경

나의 오류는 누군가 겪었던 오류 2023. 4. 22. 01:16

let WIW = window.innerWidth;

  if (WIW <= 400) {
    document.body.style.backgroundColor = "#f5cd79";
  } else if (WIW > 400 && WIW <= 800) {
    document.body.style.backgroundColor = "#f8a5c2";
  } else if (WIW > 800 && WIW <= 1200) {
    document.body.style.backgroundColor = "coral";
  }
}
window.addEventListener("resize", resize);

 

window.innerWidth 범위정할때 숫자만 써야하나보다

400px (x)

400    (o)

저작자표시

'JavaScript' 카테고리의 다른 글

Ajax jquary방식  (0) 2023.11.02
[JS] superEventHandler  (0) 2023.04.21
[JS] Java Script 소수점 버림, 올림, 반올림하는법  (0) 2023.03.21
[JS] JavaScript 배열추가 - push(), unshift()  (0) 2023.03.21
[JS] toggle  (0) 2023.03.15
'JavaScript' Related Articles more