javascript - Javascript Update_user_meta onclick 并在 x 单击后禁用按钮

Question

我有一个限制为 7 次点击的按钮，当点击 7 号被禁用时，我的问题是如果用户在其他会话中返回或刷新，重新加载页面，想法是使用 window.addEventListener('load', () =>，但几天后，我无法让它工作，禁用按钮。

请，我感谢任何帮助。谢谢！！！

启动代码，这部分是我的问题

window.addEventListener('load', ()=>{
       
    if(resultTraveler2>6)
    document.getElementById('btnTraPack').innerHTML = "Your Stock is Over!";
     if(resultTraveler2>6)
        document.getElementById('btnTraPack').disabled = true;
    if(resultTraveler2>6)
        document.getElementById('btnTraPack').style.pointerEvents = 'none';
    if(resultTraveler2>6)
        document.getElementById('btnTraPack').style.color = "#54595F";
    if(resultTraveler2>6)
        document.getElementById('btnTraPack').style.borderColor = "#54595F";
    if(resultTraveler2>6)
        document.getElementById('showResultsTra').style.visibility = "visible";
});

从这里一切都按预期工作

//From here, all work as i need, OK!
 
var clickCounterTrav = 0
function CounterTrav() {
    
  clickCounterTrav += 1;
  document.getElementById("resultTraveler1").innerHTML = clickCounterTrav;
}
var btnTraPackClick = document.querySelector(".btnTraPack");
var clicksContainer = document.querySelector(".clicksContainer");
var totalEl = document.createElement("span");
clicksContainer.appendChild(totalEl);

btnTraPackClick.addEventListener("click", function(e) {
  if (!e.target.classList.contains("clicksContainer")) {
    
    var ClickSum = document.querySelectorAll(".resultTraveler1, .resultTraveler2");
    let total = (0);
    ClickSum.forEach(item => {
      total += parseInt(item.innerText, 10)
   })
   totalEl.innerHTML = total;
    
  }

    if(totalEl.innerHTML>6)
        document.getElementById('btnTraPack').style.pointerEvents = 'none';
    if(totalEl.innerHTML>6)
        document.getElementById('btnTraPack').style.color = "#54595F";
    if(totalEl.innerHTML>6)
        document.getElementById('btnTraPack').style.borderColor = "#54595F";
    if(totalEl.innerHTML>6)
    document.getElementById('btnTraPack').innerHTML = "Your Stock is Over!";
  if(totalEl.innerHTML>6)
  document.getElementById('showResultsTra').style.visibility = "visible";
 
var CounterTrav_value = totalEl.innerHTML;
console.log(clickCounterTrav); // 111

jQuery.ajax({
    url: '/wp-admin/admin-ajax.php',
        
        data : {
            action : 'CounterTrav_update', 
            CounterTrav_value : CounterTrav_value,
        },
        beforeSend: function() {
               console.log('Updating Field');
        },
        success : function( response ) {
             console.log('Success');
        },
   })    
});
</script>

我感谢任何帮助。谢谢你！！！

标签： javascripthtmljquery