javascript - 使用 local.Storage (value) 更改背景颜色

Question

我想改变一个 div 的背景颜色:

箭头框

为此，我必须将 div 添加到您可以单击的位置。触发函数保存“farbe”键的本地存储值。

<div class="radior" style="background-color:#8066CC;"    onClick='localStorage.setItem("farbe","#8066CC");hey()'></div> 

所以在那之后，询问键“farbe”的值。此外，这是一个案例……我认为您最好阅读我的代码，因为我认为我需要一些英语类(class)，抱歉!

function hey(){
switch (localStorage.getItem("farbe")){
case "#121212":
var h = "black"

case "#1bc38e":
var h = "turk"

case "#C3594B":
var h = "red"

case "#8066CC":
var h = "lila"
    }
document.getElementsByClassName("arrow_box")[0].style.backgroundColor=""+h+""; ;

   }

为什么它不起作用!或者你在 fiddle http://jsfiddle.net/PpsLH/4/ 观看我的问题示例!来自德国的问候!

Answer 1

将您的功能更改为:

hey = function(){
  switch (localStorage.getItem("farbe")){
    case "#121212":
    var h = "black";
    break ;

    case "#1bc38e":
    var h = "turk";
    break ;

    case "#C3594B":
    var h = "red";
    break ;

    case "#8066CC":
    var h = "lila";
    break ;
  }
    document.getElementsByClassName("arrow_box")[0].style.backgroundColor=h;
}

顺便说一下，lila 不是有效的 HTML 颜色，因此它不会起作用。