Как сохранять в коде изменения при перезапуске страницы

#javascript #html #jquery

В примере 3 "div" при нажатии меняют цвет. Вопрос как сделать так чтобы это все сохранялось
и при перезагрузке страницы изменения сохранялись. Например зашел пользователь пощелкал
остановился на втором. Вышел на следующий день зашел на сайт а активный див остался
тот же что он щелкнул последний раз.

Буду рад даже литературе в этом направлении. Заранее спасибо=)



$('.toggler').click(function () {
          $('.toggler').removeClass('toggler_active');

          var toggler = $(this);
          toggler.addClass('toggler_active');
                  });
  
.toggler {
  width: 100px;
  height: 100px;
  background-color: red;
  display: inline-block;
  }
.toggler_active {
background-color: green;  
}







    

Ответы

Ответ 1

Если у вас на сайте нет процедуры регистрации и возможности хранить эту информацию
на сервере, то можно посоветовать вам использовать localStorage для хранения этой информации
в браузере пользователя, например:

Записываем выбор:

localStorage.setItem('squareNumber', '2');


При загрузке страницы считываем предыдущий выбор:

var squareNumber = localStorage.getItem('squareNumber');


Естественно, это будет работать только если пользователь будет заходить с одного
и того же компьютера.