绑定事件监听器的Button点击后自动刷新页面问题求助

我猜你的问题出在触发startClicked函数的按钮是表单里的提交按钮——这种情况下点击按钮会默认触发表单提交，导致页面刷新回到初始状态。

不用修改HTML，只需要在你的JavaScript函数里加一行代码，阻止事件的默认行为就行：

function startClicked(event) {
  // 阻止浏览器默认的表单提交行为，避免页面刷新
  event.preventDefault();
  
  let knop2 = document.getElementById("keuze1");
  knop2.removeAttribute("disabled");
  let knop3 = document.getElementById("keuze2");
  knop3.removeAttribute("disabled");
  toonVraag();
}

核心逻辑就是event.preventDefault()会取消浏览器的默认动作（这里就是表单提交刷新页面），这样你的自定义代码就能正常执行，页面也不会被重置了。你用测试码1KK1K再试一次，应该就没问题啦。

内容的提问来源于stack exchange，提问作者Triggerfinger45