javascript - 将 jQuery 'rand color' 保存到本地存储？

Question

我正在为一个大学单元构建一个便签本 Web 应用程序。它基本上每次都有效，你点击添加注释，它会加载三种颜色中的一种——请看下面我的 javascript。它从这里加载其中一种颜色，但每次刷新时它加载三种不同颜色中的一种，如何将当前音符颜色保存到本地存储或 php session ？

有人请帮助。

$(document).ready(function(){
  var colors = ["#f1c40f","#e74c3c","#9b59b6"];                
  var rand = Math.floor(Math.random()*colors.length);           
  $('.note').css("background-color", colors[rand]);
});

Answer 1

保存到 localStorage 很容易:

localStorage.setItem('someKey', 'someValue');

稍后检索值也很容易:

var val = localStorage.getItem('someKey');

在您的案例中，技巧是在应用程序生命周期中找到正确的位置来保存值(例如，用户是否选择了一个值？)。

但是要在启动时加载:

$(document).ready(function(){
    var val = localStorage.getItem('someKey');
    $('.note').css("background-color", val);
});