$("#bat1").click(function() {
$(this).val('night');
$("div").toggleClass("night");
});
.tema {
background-color: lightblue;
height: 1000px;
}
.night {
background-color: gray;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tema">
<h1>body</h1>
<p id="demo">Lorem ipsum dolor</p>
<input id="bat1" type='button' value='svet'>
</div>
Как сделать, чтобы после второго нажатия на кнопку, возвращался не только стиль div
, но и текст кнопки снова становился "svet"