조건문 활용- 토글(toggle)

프로그래밍에서 조건문은 굉장히 중요하다.

 

조건문이라고 하는 것은 하나의 프로그램이 하나의 흐름으로 가는 것이 아니라 

조건에 따라 다른 순서의 기능들이 실행되게 하는 것이라고 할 수 있다.

 

 

---

 

토글 기능

night 라는 버튼을 누르면 야간 모드, day 라는 버튼을 누르면 주간 모드가 되는 기능을 구현

 

 

 

<h1>자바스크립트</h1>
    <h2>조건문</h2>

    <input type="button" id="night_day" 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';
        }
    ">

    <p>코딩하는 코린이</p>

 

 

if 라는 조건문과 비교연산자 === 를 사용하였다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

---

조건문과 비교연산자를 사용하여 토글 기능이 있는 버튼을 구현하였다.