JavaScript 조건문

● 조건문

---

자바스크립트의 조건문은 if(조건) { 참일 경우 실행할 코드1; } else { 거짓일 경우 실행할 코드2; } 로 작성되며

조건이 참일경우 코드1을 실행하고 거짓일경우 코드 2를 실행한다.

코드

 

결과

---

 

● 조건문 활용

---

JavaScript를 활용한 웹 페이지 nightmode, daymode

조건문을 활용하여 위의 링크에서 했던 작업을 편리하게 변경할 것이다.

조건문을 사용하여 id를 기준으로 해당값이 night인 경우와 그렇지 않은 경우 두가지로 분리하여 각각의 경우에 해당하는 동작을 넣어주었다.

최초 화면

버튼 1회 클릭 화면

버튼 2회 클릭화면

기존에 버튼이 2개인 것에서 버튼을 1개로 토글방식으로 구성함으로 더 간편해지고 코드 또한 간결해졌다.

해당버튼을 계속해서 클릭해도 의도한 바와 같이 동작하는 것을 알 수 있다.