Тема: filter: ...;
Показать сообщение отдельно
  #5 (permalink)  
Старый 12.06.2020, 11:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

ABitOfJS,
<!DOCTYPE html>
<html>
<head>
<style>
.block {
width: 100px;
height: 100px;
border: 1px solid black;
background-color: white;
color: #292929;
}
.block.dark {
background-color: #292929;
color: white;
}

</style>
<script>
function setTheme(toggle) {
document.querySelectorAll('.block').forEach(elem => elem.classList.toggle('dark', toggle))
localStorage.toggle = toggle;
}
</script>
</head>
<body>
<div class="block">текст</div>
<div class="block">текст</div>
<div class="block">текст</div>
<input type="button" onclick="setTheme(false)" value="light">
<input type="button" onclick="setTheme(true)" value="dark">
<script>
setTheme(localStorage.toggle == 'true')
</script>
</body>
</html>
Ответить с цитированием