본문 바로가기

Frontend

[JavaScript] 조건문

토글(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