@Web-Building

При каждом клике на кнопку, светлая тема меняется на тёмную и обратно. А текст кнопки, меняется только один раз: с тёмной на светлую. Почему??

Доброго времени суток всем!
Вопрос в заголовке.
Т.е. при каждом клике на кнопку, светлая тема - меняется на тёмную и так попеременно, всё отлично получается: с light-theme на dark-theme.
А вот текст на кнопке, так, всегда поочерёдно, не меняется. Происходит только единожды, от самого первого клика на кнопку, а потом НЕ меняется: с DARK-theme на LIGHT-theme, почему?
Т.е. при остальных кликах, темы меняют друг друга с light на dark. А текст кнопки при этом, меняется только один раз (при первом клике): с DARK-theme на LIGHT-theme. И потом, всегда на кнопке только "LIGHT-theme" - текст, почему?
Подскажите пожалуйста, уважаемые форумчане, как мне текст на кнопке менять так же каждый раз при клике с LIGHT-theme на DARK-theme и обратно?? Заранее, спасибо, за внимание!

<body class="page light-theme">

<button type="button" id="btnColor" class="theme-color">DARK-theme</button>


$('.theme-color').click(function() {
		var page = document.querySelector('.page');
	
		if (($(this).html('light-theme')) && $('#btnColor').html('DARK-theme')) {
			page.classList.toggle('dark-theme');
			$('#btnColor').html('LIGHT-theme');
		}
		else {
			page.classList.toggle('light-theme');
			$('#btnColor').html('DARK-theme');
		}
	});
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
28 февр. 2021, в 01:35
200000 руб./за проект
28 февр. 2021, в 00:22
2500 руб./за проект
27 февр. 2021, в 22:14
30000 руб./за проект