如何在laravel中管理不同刀片上的計數器？

Question

您好，我正在處理一個項目，我需要在會話中發送項目並添加限制，在會話中只能添加 4 個項目。 它在一個刀片上工作，但是當我移動到另一個刀片時，它不會在按鈕上顯示任何內容，例如會話中有多少項目以及當我嘗試添加另一個項目時它將添加。

這是我的腳本

var increment = 0;
$(document).ready(function(){
    $(".compare").click(function(){
        increment++;
        document.getElementById('compare').innerHTML = "";
        document.getElementById('compare').innerHTML = "Compare (" +increment+")";
                if(increment == 4)
                {
                    var array =  document.getElementsByClassName('compare');
                    for (var i = 0 ; i < array.length ; i++)
                    {
                        array[i].setAttribute('disabled','');
                    }
                }

我只想從每個地方在會話中添加 4 個項目。 請發送任何解決方案。

Answer 1

嘗試這個 ：

var increment = 1;
$(document).ready(function(){
  if(localStorage.getItem("compare") > 0){
    increment = localStorage.getItem("compare");
    document.getElementById('compare').innerHTML = "Compare (" +increment+")";
  } else {
    document.getElementById('compare').innerHTML = "";
  }
  $(".compare").click(function(){
    if(increment == 4)
    {
      var array =  document.getElementsByClassName('compare');
      for (var i = 0 ; i < array.length ; i++)
      {
          array[i].setAttribute('disabled','');
      }
    } else {
      increment++;
      localStorage.setItem("compare", increment);
      document.getElementById('compare').innerHTML = "Compare (" +increment+")";
    }
  }
}