Javascript竖起/竖起大拇指

我有下面的javascript，它链接到一个向上拇指和向下拇指按钮。单击每个按钮后，另一个按钮将关闭。这很好用。但是，localstorage部分没有

此时，当我刷新页面时，两个按钮都会“打开”（它们的活动状态颜色） 我试图使用removeItem，这样当按下一个按钮时，另一个按钮的本地存储将被遗忘，并且不会显示。然而，他们两个仍然是一个

有什么想法吗

更新已更改为拇指状态

function thumbsup(){

    document.getElementById("thumbsup").classList.remove("btn-default")
    document.getElementById("thumbsup").classList.add("btn-success")    
    document.getElementById("thumbsdown").classList.remove("btn-danger")
    document.getElementById("thumbsdown").classList.add("btn-default")

  localStorage.setItem('ThumbStatus',up);
  localStorage.removeItem('ThumbStatus', down);
  }



  function thumbsdown(){

    document.getElementById("thumbsdown").classList.remove("btn-default")
    document.getElementById("thumbsdown").classList.add("btn-danger")   
    document.getElementById("thumbsup").classList.remove("btn-success")
    document.getElementById("thumbsup").classList.add("btn-default")

  localStorage.setItem('ThumbStatus',down);
  localStorage.removeItem('ThumbStatus', up);
  }





function Loadthumbs1() {
   //if something was already saved....
  if ( localStorage.getItem('ThumbStatus', up) ) 
  {
  var up = localStorage.getItem('ThumbStatus', up);

   }


document.getElementById("thumbsup").classList.add("btn-success")

 }
function Loadthumbs2() {        
if ( localStorage.getItem('ThumbStatus', down) ) {
var down = localStorage.getItem('ThumbStatus', down);
}

document.getElementById("thumbsdown").classList.add("btn-danger")



}

---

您应该像localStorage.removietem（'LoadThumbsup'）一样使用removietem；我已经有了。localstorage.removietem（'loadThumbsUp'，up）；您不需要第二个

参数

。您指的是哪个参数？请尝试localstorage.removeItem（'loadThumbsUp'）；瞧，我刚试过这个，但还是不走运。这两个按钮都显示活动Loadthumbs1和loadthumbs2函数在页面末尾加载可能

localStorage.getItem（'ThumbStatus'，'up'）

而不是

localStorage.getItem（'ThumbStatus'，up）

。仍然没有乐趣。我想这将是设置为两个不同的键（一个叫thumbstatus，一个叫up）对不起，今天早上没想清楚。我对我的答案作了修改。

var tu = document.getElementById("thumbsup");
var td = document.getElementById("thumbsdown");
var thumbStatus = localStorage.getItem('ThumbStatus');

function thumbsup() {
  tu.classList.remove("btn-default");
  tu.classList.add("btn-success");    
  td.classList.remove("btn-danger");
  td.classList.add("btn-default");
  localStorage.setItem('ThumbStatus', 'up');
 }

function thumbsdown() {
  td.classList.remove("btn-default");
  td.classList.add("btn-danger");   
  tu.classList.remove("btn-success");
  tu.classList.add("btn-default");
  localStorage.setItem('ThumbStatus', 'down');
 }

function Loadthumbs() {
  if (thumbStatus && thumbStatus === 'up' ) {
   thumbsup();
  }
  if (thumbStatus && thumbStatus === 'down' ) {
   thumbsdown();
  }
 }