Question

我正尝试找出如何在重新加载页面时将喜欢的数量留在页面上。有什么代码可以帮助我实现这一目标？

var count = 0;
function clickFunc() {
  count += 1;
  var click = document.getElementById('clicks').innerHTML = count;
  var btn = document.querySelector('.btn');
  if(count >= 1) 
    btn.disabled = true;
}

Answer 1

您可以使用localStorage编写解决方案。这是下面的例子。确保已准备好在文档上调用checkStorage()方法，以便将计数添加到DOM（如果尚不存在）。

//Run on Document Ready
function checkStorage() {
  if(!localStorage.getItem("count")){
    localStorage.setItem("count",0);
  } else {
    let stored = parseInt(localStorage.getItem("count"));
    console.log('Storage Exists');
    var click = document.getElementById('clicks').innerHTML = stored;
    var btn = document.querySelector('.btn');
    if(stored >= 1) { 
      btn.disabled = true;
    }
  }
}

//Run Button Click
function clickFunc() {
  let stored = parseInt(localStorage.getItem("count"));
  stored++
  localStorage.setItem("count",stored);
  var click = document.getElementById('clicks').innerHTML = stored;
  var btn = document.querySelector('.btn');
  if(stored >= 1) { 
    btn.disabled = true;
  }
}

重新加载后如何使喜欢的数量停留在页面上

1 个答案: