다크모드 실행 안되는 문제 질문

[김미영]

  <nav class="navbar navbar-light bg-light">
    <!--nav바-->
    <div class="container-fluid">
      <span class="navbar-brand">Navbar</span>
      <span class="badge bg-dark ms-auto mx-3">Dark 🔄</span>
      <!--다크모드 버튼-->
      <button class="navbar-toggler" type="button">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </nav>

  <script>
    // 다크모드 버튼 실행할 수 있게 하는 스크립트

    // var 나이 = 20; // var 변수명 = 넣을자료;
    var count = 0;

    $('.badge').on('click',function () {
        count += 1;
        if(count % 2 == 1){
          $('badge').html('Light 🔄')
        }else {
          $('badge').html('Dark 🔄')
        }
      });

이렇게 코드를 짜고, 다크쪽을 눌러도 아무런 변화가 없어요..
영상과 동일하게 한것같은데 왜 안되는걸까요?

[김미영]

$('badge').html('Light 🔄')
        }else {
          $('badge').html('Dark 🔄')
        }

다시한번 찾아보니 badge 클래스에 .을 안찍어줬었네요... 이런 사소한 문제를 못찾아서 ㅠㅠㅠ

[글쓴이]

글