javascript - 如何使用javascript保存背景颜色？

Question

我正在尝试允许 Web 访问者更改页面背景的颜色，并确保当他们刷新页面时，他们的背景颜色偏好仍显示在页面上。

我试过使用 localStorage.setItem() 但它似乎不起作用。有什么建议吗？

HTML

<button id="changeColorButton" class="btn-secondmenu">Button</button>
<select name="colors" id="changeColorSelect">
   <option value="red">Red</option>
   <option value="green" selected="selected">Green</option>
   <option value="yellow">Yellow</option>
   <option value="black">Black</option>
</select>

JS

$('#changeColorButton').click(function() {
    var color = $('#changeColorSelect').val();
    console.log(color)
    $('body').css("background-color",color);
    localStorage.setItem('background', $(this).val());
});

感谢任何帮助，谢谢!

Answer 1

这一行

localStorage.setItem('background', $(this).val());

将保存按钮元素的值 $('#changeColorButton')，如果有的话

而不是让它

localStorage.setItem('background', color);