Задать вопрос
arti_djeims
@arti_djeims

Как сделать выполнение кода на js?

Сделал код который меняет цвет заднего фона на сайте ( при клике по объекту).

<div  onClick="KlickMoon()" class="moon"><img width="65px" src="https://cdn1.iconfinder.com/data/icons/hawcons/32/700440-icon-28-moon-128.png"></div>
function KlickMoon() {
 document.body.style.background = 'rgb(23, 23, 23)';
}


Когда человек кликает он получает темный задний фон, так вот как сделать что бы если он кликнул 2 раз то обратно вернулся белый?
  • Вопрос задан
  • 211 просмотров
Подписаться 1 Оценить Комментировать
Ответ пользователя AngelZeruel К ответам на вопрос (4)
@AngelZeruel
Можно сделать решение на основе стиля: в одном случае у нас есть стиль black (для темного фона), в другом случае его нет (светлый фон). Далее делаем следующее:
function KlickMoon() {
    var body = document.body;

    if (body.classList.contains("black") == true) {
        body.classList.remove("black");
    } else {
        body.classList.add("black");
    }
}
Ответ написан
Комментировать