다크모드에서 라이트모드로바꾸는 숙제가 안됩니다.

[문성진]

문법적으로 틀린게 없어보이는데 Dark에서 Light로 안바뀝니다 ㅠㅠ 
뭐가 문제일까요


<nav class="navbar navbar-light bg-light">
        <div class="container-fluid">
          <span class="badge-bg-dark">Dark 🔄</span>
        </div>
      </nav>
      
   

    
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
     <script>
       //다크모드를 라이트모드로 변경
       var count = 0;
        document.querySelector('.badge-bg-dark').addEventListener('click', function(){
          count = count + 1;
          if(count % 2 == 1) {
            document.querySelector('.badge-bg-dark').innerHTML('Light 🔄');
          }
          else {
            document.querySelector('.badge-bg-dark').innerHTML('Dark 🔄');
          }
        } );
     </script>

[codingapple]

.innerHTML = 'dark' 입니다

[문성진]

.innerHTML 이게 문제였네요 감사합니다.

[글쓴이]

글