Question

我有以下javascript，它链接到竖起拇指和拇指向下按钮。当每个单击时，另一个关闭。这非常有效。但是，本地存储部分不是

此刻，当我刷新页面时，两个按钮都打开（它们的活动状态颜色）我试图使用removeItem，这样当按下按钮时，另一个的localstorage会被遗忘，并且不会显示。然而他们俩都来了。

任何想法

已更新; 已更改为ThumbStatus

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")



}

Answer 1

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

Javascript拇指向上/向下

1 个答案: