[JavaScript] 생활코딩 WEB2 JavaScript 12~18강

3.html (야간모드 버튼, 주간모드 버튼 만들기)

야간모드 버튼과 주간모드 버튼을 추가했다.

Night 버튼을 클릭하면

배경색과 글자색이 바뀐다. Day 버튼을 클릭하면

다시 원래대로 돌아온다.

---

ex4.html (비교연산자와 블리언)

비교연산자와 블리언.

참이면 true, 거짓이면 false 출력.

---

ex5.html (조건문)

여기선 if문의 형태를 맛보기만 하자.

if-true는 3 제외하고 출력. 반대로 if-false는 2 제외하고 출력.

---

3.html (조건문 활용)

Ⅲ에서 배운 조건문을 활용해 야간모드 버튼과 주간모드 버튼을 하나로 합쳐보자.

이제 실행해보자.

버튼 하나로

주간모드와 야간모드를 넘나들 수 있다.

---

3.html (리팩토링 중복의 제거)

코드를 이렇게 짜면 어찌어찌 굴러는 가지만 중복이 너무 많다.

설명을 참고해 코드를 리팩토링해보자.

1차 수정(night_day → this)

2차 수정(body → target)까지 마치니 코드가 훨씬 짧아졌다.

---

출처