#6.자바스크립트(JavaScript) - 조건문(if문)

조건문이란?

특정 조건 만족 시(참인 경우) 실행하는 명령의 집합 이며, 어떤 작업을 수행하고 싶을 때 사용하는 것이 조건문이다.

 

if문 문법

1. if(표현식){ 
                    실행문;                     => 표현식이 참 일 때 실행문을 실행합니다.
                   }

if (x == y){
            console.log("x와 y는 같습니다.");
}
 
// 연산자 : == 같다
//           && and
//           || or

if(x == y){
             console.log("x와 y는 같습니다.");
             }
   else {
         if(x<y){
           console.log("x가 y보다 작습니다");
           }
         else {
           console.log("x가 y보다 큽니다");
           }
        }
 
// x,y = (3,3) 일때 결과값 = "x와 y는 같습니다."
// x,y = (3,4) 일때 결과값 = "x가 y보다 작습니다"
// x,y = (4,3) 일때 결과값 = "x가 y보다 큽니다"

 

4. 여러개의 조건이 필요할때는 else if를 사용합니다.

if(표현식){
             실행문;
             }
   else if(표현식){
             실행문;
            }
   else if(표현식){
             실행문;
            }
   else{
           실행문;
           }

const score = 86;
 
if(score > 90){
             console.log("A등급");
             }
   else if(score >= 80){
             console.log("B등급");
            }
 else if(score >= 70){
             console.log("C등급");
            }
 else{
           console.log("D등급");
           }
 
 

function windowColorChange() {
    if (window.innerWidth <= "600") {
      document.body.style.backgroundColor = "tomato";
    } else if (window.innerWidth >= "601" && window.innerWidth <= "899") {
      document.body.style.backgroundColor = "purple";
    } else if (window.innerWidth >= "900" && window.innerWidth <= "1100") {
      document.body.style.backgroundColor = "skyblue";
    } else {
      document.body.style.backgroundColor = "yellow";
    }
  }
  
  window.addEventListener("resize", windowColorChange);