Javascript 在jQuery中单击Submit按钮更新全局计数器变量

我试图在单击type=“submit”按钮时更新JavaScript中的全局计数器变量

我的提交按钮定义如下：

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

带有此代码的

警报始终显示0。有人能看出我哪里做错了吗

注意：我也尝试过使用jquery。除了在HTML表单中使用
onClick
之外，还可以单击
submitClicked
id

我意识到这应该很简单；我不知道我会错在哪里

谢谢大家!
 问题在于，每次单击submit按钮时，页面都会刷新，因此orderCounter变量表会自行重置。一种解决方案是持续等待，以便在每次加载页面时不会重新初始化其值。一种解决方案是使用kookies:。
我希望这会让您满意
修复程序是运行函数postValues（）“onClick”的按钮类型=submit并使用会话变量，遵循与本文相同的逻辑：

我清除另一个文件中的sessionStorage变量

工作代码：

function postValues() {

if(sessionStorage.getItem("count") == null){

  counter=sessionStorage.setItem("count", 1);
  counters = 1;

} else {

  counters= parseInt(sessionStorage.getItem("count")); 
  counters++;
  counter=sessionStorage.setItem("count", counters);

}

alert(counters);

document.getElementById("counter").value = counter; 

}

我试着运行它，它的效果和预期的一样。第一次警报为0，第二次警报为1，依此类推。但是由于您正在提交表单，实际的问题可能是每次单击按钮时都在重新加载页面。因此，脚本将重新加载，并每次重置orderCounter变量。这里的工作示例谢谢！我真不敢相信我竟然没有想到本地存储选项。我最终使用了会话存储和适当的清除。非常有帮助，再次感谢！
function postValues() {

if(sessionStorage.getItem("count") == null){

  counter=sessionStorage.setItem("count", 1);
  counters = 1;

} else {

  counters= parseInt(sessionStorage.getItem("count")); 
  counters++;
  counter=sessionStorage.setItem("count", counters);

}

alert(counters);

document.getElementById("counter").value = counter; 

}