[WEB2 - JavaScript] Lecture17. 조건문의 활용

 

인프런 17강 "조건문의 활용"

 

 

- 이전 코드 참고하여, 다크 모드와 라이트 모드를 하나의 버튼으로 조절할 수 있도록 버튼 생성

    - "night" 값을 가지는 버튼 생성, 버튼의 고유 id는 "night_day"

    - if문 사용하여 night_day id를 가지는 경우, 다크모드로 설정하도록 코드 작성

↓

 

    - night 버튼 클릭 시 if문 만족하므로 다음과 같이 다크 모드 출력

 

 

- 지금까지 작성한 코드는 night 값을 가진 경우 다크 모드로 변경하는 것이었는데, 라이트 모드로 재변경할 수 있는 코드 작성 필요

    - if문 실행 코드 중 다크 모드로 변경 후 값 바뀌도록 설정

        - document.querySelector('#night_day').value = 'day';

 

    - 반대로 else문 실행 코드에는 다크 모드로 변경 가능한 코드로 수정 필요함

        - document.querySelector('#night_day').value = 'night';

 

↓