Javascript 如何在laravel中管理不同刀片上的计数器？

你好，我在一个项目上工作，我需要在会话中发送项目和添加限制只有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','');
                    }
                }

var增量=0；
$（文档）.ready（函数（）{
$（“.compare”）。单击（函数（）{
增量++；
document.getElementById（'compare'）.innerHTML=“”；
document.getElementById（'compare'）.innerHTML=“compare”（+increment+”）；
如果（增量==4）
{
var数组=document.getElementsByClassName（'compare'）；
对于（var i=0；i

我只想在会话中从每个地方添加4个项目。 请发送任何解决方案。

尝试以下方法：

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+")";
    }
  }
}

var增量=1；
$（文档）.ready（函数（）{
if（localStorage.getItem（“比较”）>0）{
增量=localStorage.getItem（“比较”）；
document.getElementById（'compare'）.innerHTML=“compare”（+increment+”）；
}否则{
document.getElementById（'compare'）.innerHTML=“”；
}
$（“.compare”）。单击（函数（）{
如果（增量==4）
{
var数组=document.getElementsByClassName（'compare'）；
对于（var i=0；i

它工作不正常，它添加了4个以上的项目，当我从刀片中删除所有项目时，它显示刀片中仍有4个项目。请使var increment=1；如果最初打开了am项目，请在删除时添加此代码increment=increment--；localStorage.setItem（“比较”，increment）；你觉得我的回答有用吗？它在blade中显示了4项，而bladeCan中没有任何内容。请提供blade的整个脚本？