將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); 
});