자바스크립트
2021.02.05 / JavaScript - 조건문 활용
개발지혜
2021. 2. 5. 23:43
생활코딩 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