Javascript 如何在不刷新页面的情况下更新显示框？

我有一个脚本，可以在

unicreates.com

上计算步骤数，并添加了一个按钮来清除计数。它可以工作，但我不高兴的是，我的显示框不更新新的计数，直到页面重新加载。是否有一种方法可以在清除计数后更新我的方框内容，而不必重新加载页面

var clearTotal= confirm("Do you really want to clear your step count?");
if (clearTotal== true) {
  localStorage.steps=0
  alert("yes");
}
else {
  alert("no");
}

}, true )  

如果有人能给我指出正确的方向，我会很高兴的。我花了几个小时寻找答案，但也许我只是用错了搜索词

---

我不使用

JQuery

，所以请将所有信息保存到

JavaScript

，我希望我能早点看到它

最简单的方法是更改

框的值。innerHTML

if (clearTotal== true) {
  localStorage.steps=0
  box.innerHTML ='<div><p> ' +
  "You have taken "+localStorage.steps+" steps total" +
  '</br><button type="button" button id="clear">Clear total steps...</button></p></div>';
  document.body.appendChild( box );
  alert("yes");
}

if（clearTotal==true）{
localStorage.steps=0
box.innerHTML=''+
您已采取“+localStorage.steps+”步骤总数”+
“
清除总步骤…
”；
文件.正文.附件（框）；
警惕（“是”）；
}

您可以清除回拨中的显示或写入结束

一种非常简单的方法是在检查本地存储是否清除时，将显示区域的值设置为

var myTextField = document.getElementById('the_display_area_id');    
var clearTotal= confirm("Do you really want to clear your step count?");
if (clearTotal== true) {
    localStorage.steps=0
    myTextField.value() = ""; 
}else{
    alert("no");
}

---

另外，使用像amplify这样的库进行本地存储，这样可以更轻松地处理跨浏览器的细微差别

您现在不需要这样做。如果您计划使用javascript进行开发，那么您应该；）