javascript - 在“提交”按钮上更新全局计数器变量单击jQuery

单击类型为“ submit”的按钮时，我试图更新JavaScript中的全局计数器变量。

我的提交按钮的定义如下：

<button
  id="submitClicked"
  type="submit"
  value="Add &amp View Next"
>

我在JavaScript中使用以下代码来更新我称为orderCounter的全局变量，该全局变量在每次单击“添加并查看下一个”按钮时递增：

var orderCounter;

window.onload = function () {
  document
    .getElementById("submitClicked")
    .onclick=incrementCounter;
};

function incrementCounter() {
  if (orderCounter == null) {
    orderCounter = 0;
  } else {
    orderCounter = orderCounter + 1;
  }

  alert(orderCounter);
  return orderCounter;
}

带有此代码的alert始终显示0。有人可以看到我要去哪里了吗？

注意：除了在HTML表单中使用submitClicked之外，我还尝试使用jquery .click onClick id。

我意识到这应该很简单；不知道我要去哪里错了。

谢谢！

最佳答案

问题在于，每次您单击“提交”按钮时，页面都会刷新，因此orderCounter变量将自行重置。一种解决方案是持续等待，以使每次加载页面时其值都不会重新初始化。一种解决方案是使用kookies：https://www.w3schools.com/js/js_cookies.asp。
我希望这会让你高兴