토글(toggle)을 이용하여 버튼 하나로 야간모드 켜고 끄기
<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';
}
">
'Frontend' 카테고리의 다른 글
[JavaScript] 리팩토링 (0) | 2022.08.02 |
---|---|
[JavaScript] 비교 연산자 (0) | 2022.08.01 |
[JavaScript] 문법 (0) | 2022.07.28 |
[JavaScript] 이벤트 (0) | 2022.07.26 |
[CSS] grid (0) | 2022.07.22 |