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

Как изменить выводимые данные кнопки на JavaScript?

Делаю тёмную тему и хочу, чтобы кнопка смены тем менялась. То есть чтобы включить тёмную - иконка луны, чтобы перейти на светлую иконка солнца. Что есть сейчас:

Кнопка
<button class="mode-switch d-none d-lg-block" title="Сменить тему" id="toggleThemeBtn">
         <svg class="moon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="24" height="24" viewBox="0 0 24 24">
            <defs></defs>
            <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
         </svg>
      </button>


Подключенный скрипт:

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


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


Подскажите пожалуйста, как сделать смену иконок
  • Вопрос задан
  • 87 просмотров
Решения вопроса 1
@saharok13
начинающий программист
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы