Доброго времени суток всем!
Вопрос в заголовке.
Т.е. при каждом клике на кнопку, светлая тема - меняется на тёмную и так попеременно, всё отлично получается: с 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');
}
});
Средний
