14. 조건문 예고

 

조건문 이라고 하는 것은 하나의 프로그램이 하나의 흐름으로 가는 것이 아니라 조건에 따라 다른 순서의 기능들이 실행되게 하는 것 이라고 할 수 있습니다.

야간모드에서 버튼을 클릭하면 주간모드가 되고, 주간모드에서 버튼을 클릭하면 야간모드가 되는 기능을 구현하고 싶다. ---> 이것을 토글 (toggle)이라고 한다.

<input type="button" value="night" onclick="
 if(document.querySelector('#night_day').value === 'night'){
    document.querySelector('body').style.backgroundColor = 'black';
    document.querySelector('body').style.Color = 'white'; 
    document.querySelector('#night_day').value = 'day'
} else {
    document.querySelector('body').style.backgroundColor = 'white';
    document.querySelector('body').style.Color = 'black'; 
    document.querySelector('#night_day').value = 'night'
}
">

 

즉 if 라는 조건문에 따라 현재 모드가 주간모드라면 if 의 코드가 실행되고, 주간모드가 아니라면 else의 코드가 실행됩니다. 조건문과 함께 === 라는 비교 연산자도 살펴 볼 텐데, 이 비교 연산자를 통해 만들어진 불리언(boolean) 이라는 것도 살펴볼 예정입니다.