Показать сообщение отдельно
  #4 (permalink)  
Старый 13.10.2019, 00:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,118

qusaze,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   .night {
       background-color: #000000;
       color: #FFFFFF;
   }

  </style>


</head>

<body>
<p>test</p>
<input name="" type="button" value="click me" class="block">
<script>
let html = document.querySelector('html');
if (localStorage.getItem('night') == 'true') {
    html.classList.add("night");
}

document.querySelector('.block').addEventListener('click',function() {
    html.classList.toggle("night");
    localStorage.setItem('night', html.classList.contains('night'));
});

  </script>
</body>
</html>
Ответить с цитированием