javascript - 如何在javascript中重新加载页面，同时限制单击按钮的次数？

Question

我的目标是 - 每次单击重新加载按钮时重新加载页面 (使用 javascript 函数:window.location.reload ();)并跟踪单击按钮(重新测试)的次数。该页面仅应在前三次点击时重新加载。如果按钮被点击超过三次，它应该会导致不同的页面

代码:

   <div class = "text-center"> <button type="button" class="btn btn-success 
    btn-block" onclick ="myCheck();">Retake Test</button> 

这是我提出的解决方案(显然不起作用)

<script>
var count = 0;
 function myCheck () {
count = count+1;
 if (count < 3) {
    window.location.reload();
    }
else {
    document.write ("YYY");
    }
 }
 </script>

Answer 1

您可以尝试localStorage 。

<script>
 localStorage.setItem('count', '0');
 function myCheck () {
  localStorage.setItem('count',  +(localStorage.getItem('count'))+ 1)
    if (+(localStorage.getItem('count')) < 3) {
      window.location.reload();
    }
    else {
      document.write ("YYY");
    }
 }
 </script>

这是一次仓促的尝试，当然可以让你的代码更加简洁!

附加说明:还要避免使用内联 JavaScript，例如 onclick ="myCheck();"请改用 addEventListener。