localStorage (самый простой способ)

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

HTML

<button onclick="colorBg()">Color</button>

CSS

body.color-background{
  background-color: darkgray;
}

JS

function colorBg() { 
  document.body.classList.toggle('.color-background');
 }

Нужно понять как сделать так, что бы localStorage записалось colorBg() и при перезагрузке страницы оставался темный бэкграунд. Спасибо!


Ответы (1 шт):

Автор решения: Инквизитор

Записываете в локал сторадж нужный метод как строку:

localStorage.setItem("savedVar", "document.body.style.backgroundColor = 'gold'");

В документе первым делом его запускаете в работу:

eval(localStorage.getItem("savedVar"));
→ Ссылка