일정 게시판에서 날짜 클래스명을 바꾸어 주려면 채택완료

안녕하세요? 일정 게시판에서 글쓰기 페이지에서 일정 체크박스를 클릭하면 목록에서 날짜 숫자 색깔을 바꾸어 주려고 합니다. 
잘 생각 해보니 일요일은 날짜 숫자 색깔이 빨간색이니까 체크박스의 클래스 명을 일요일을 지칭하는 클래스 명으로 바꾸어 주면 될거라고 생각해서 코드를 아래와 같이 만들었습니다.

 

if ($write['wr_7'] == '휴일') {

        $option_holiday = 'checked';

          echo '

          <script>

              // JavaScript 코드

              document.addEventListener("DOMContentLoaded", function() {

                  // 체크박스 체크 시 동작할 스크립트

                  var checkbox = document.getElementById("wr_7");

                  checkbox.addEventListener("change", function() {

                      if (this.checked) {

                          // 체크되었을 때의 동작

                          calendar.classList.add("fc-sun");

                      } else {

                          // 체크가 해제되었을 때의 동작

                          calendar.classList.remove("fc-sun"); // 기본 색상으로 변경하거나 다른 스타일을 적용할 수 있습니다.

                      }

                  });

              });

          </script>';

      } else {

          $option_holiday = '';

      }

      $option .= "\n".'<input type="checkbox" id="wr_7" name="wr_7" value="휴일" '.$option_holiday.'>'."\n".'<label for="wr_7">휴일</label>';

하지만 날짜 숫자 색깔이 빨간색으로 변하지 않는데요 .. 

제가 어떤 부분을 더 살펴보면 될까요?