ETC/Web, DB

[JavaScript] 5. 조건문 활용하여 주간모드/야간모드 변경하기 예제

잉숭 2019. 1. 9. 19:24

이전 예제에서 두 개의 버튼으로 주간모드/야간모드를 변경하는 코드를 작성해 보았다

이번엔 하나의 버튼으로 모드가 바뀌는 코드를 작성해 보겠다


버튼의 값이 night일때 클릭하면 야간 모드로,

day일때 클릭하면 주간 모드로 변경되도록 한다


이를 위해 버튼을 식별해야 하는데 id를 통해 식별하자


이제 해당 버튼을 선택할 수도, 버튼의 값을 수정할 수도 있다

조건문을 통해 하나의 버튼으로 동작하는 코드를 작성하자



브라우저에서 확인해 보자




정상적으로 동작한다