Как сохранить заданный класс после перезагрузки страницы с помощью LocalStorage?

Question

[Mark]

Есть кнопка, при клике на которую body будет даваться класс active, но после перезагрузки страницы, класс исчезает, как решить ю проблему с помощью LocalStorage?
https://codepen.io/marki1404/pen/gNVdpP

Answer 1

[Михаил]

Вроде того

let cls = localStorage.getItem('body-class');

if (cls) {
  $("body").addClass(cls);
}

$(".btn").click(function(){
    $("body").addClass("active");
    localStorage.setItem('body-class', 'active');
});

Ну и при повторном клике убирать класс, если нужно

Comments

[Mark]

ок, спасибо за помощь

[Mark]

Кстати, как забирать предыдущий и добавлять новый класс, с помощью 2 кнопки?

[Михаил]

Mark Sikr, я не знаю ваш уровень знаний, но вам нужно изучить API localStorage'a, а точнее
.setItem
.getItem
.removeItem

[Михаил]

Mark Sikr, ответ в вопросе

[Mark]

Михаил, Обязательно ознакомлюсь. Благодарю за помощь