변수 질문입니다.

안녕하세요.

<script>

  var count = 0

        $('#badge').on('click', function(){

                count= count+1;
                if( count%2 == 0){
                        document.querySelector('#badge').innerHTML = "Dark🔄"
                }else{
                        document.querySelector('#badge').innerHTML = "Light🔄"
                
                }
        })
    
      var count = 0;  이 문장을 


</span>

<script>

        
        $('#badge').on('click', function(){
                var count = 0;
                 count= count+1;
                if( count%2 == 0){
                        document.querySelector('#badge').innerHTML = "Dark🔄"
                }else{
                        document.querySelector('#badge').innerHTML = "Light🔄"
                
                }
        })

이렇게 안쪽으로 넣으면 
왜 실행이 안되는 것인가요?

</script>