AleksMey
@AleksMey
Пытаюсь разобраться

Как сделать рабочим переключатель в скрипте смены темы?

Есть скрипт для смены темы

if (!localStorage.theme) localStorage.theme = "light"
document.body.className = localStorage.theme


toggleThemeBtn.onclick = () => {
    document.body.classList.toggle("dark")
      localStorage.theme = document.body.className || "light"
}


Как его интегрировать с переключателем бутстрап?

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
  <label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label>
</div>
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 1
У вас в скрипте при нажатии на кнопку устанавливается на body класс dark или снимается.
У вас на форме чекбокс, соответственно вам нужно на он ченж проверять включен чекбокс или нет, и ставить этот класс или нет. Сама логика переключения вам не пригодится.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы