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

Question

我正在为一个大学单元构建一个便签本 Web 应用程序。它基本上可以每次点击添加注释，它会加载三种颜色中的一种 - 请参阅下面的我的 javascript。从这里它加载一种颜色，但每次我刷新它都会加载三种不同颜色中的一种，如何将当前的笔记颜色保存到本地存储或 php 会话？

请有人帮忙。

$(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);
});