2021.02.05 / JavaScript - 조건문 활용

생활코딩 17강 - 조건문 활용

 

조건문을 활용하면 버튼을 전과 같이 장황하게 만들지 않아도 하나의 버튼으로 모드를 바꿀 수 있다.

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

 

 

참고

- www.youtube.com/watch?v=Gt2iGEEKXww&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=17