안녕하세요 강의 잘 듣고 있습니다.
다크모드를 진행하던 중 원인을 알 수 없는 오류로
html의 dark 에서 light로 바뀌지 않습니다.
혹여 겹치는 코드가 있을까 하여 다크모드 이외에 코드를 제거하고도 동일하게 작동을 하지 않습니다.
html코드 첨부드립니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>a</title>
<link href="./2.css" rel="stylesheet" />
</head>
<body class="dark">
<span class="badge bg-dark">Dark 🔄</span>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
var count = 0;
$('.badge').on('click', function() {
count += 1;
if (count % 2 == 1) {
$('.badge').html('Light');
} else {
$('.badge').html('Dark')
}
});
</script>
</body>
</html>
