Сохранение изменений в фоновом режиме с помощью localstorage

Question

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

Любая помощь была бы принята с благодарностью. Благодаря!

Это лучшее, что я мог придумать, посмотрев несколько примеров - но это не сработает.

function initiate(){ 
    var styleButton = document.getElementById("selectStyleButton"); 
    if (styleButton){ 
     styleButton.addEventListener("click", saveStyle); 
    } 
    setStyle(); 
} 

function saveStyle(){ 
    var select = document.getElementById("selectStyle"); 
    if (select){ 
     select[select.selectedIndex].value = localStorage.setItem("selectStyle"); //store value that was selected 
    } 
    setStyle(); //set the style that was selected based on the above 
} 

function setStyle(){ 
    var newstyle = localStorage.getItem("selectStyle"); //get value that was selected 
    document.body.className = newstyle; //change body based on the class name of value that was selected 
    } 

window.addEventListener("load", initiate); 

Answer 1

Здесь вы пытаетесь установить значение выбранного параметра, чтобы не хранить его в локальном хранилище. Попробуйте вместо

localStorage.setItem("selectStyle",select[select.selectedIndex].value); 

http://diveintohtml5.info/storage.html#methods