Javascript 页面不'；不要刷新。为什么？

我试图构建这个javascript计算器，但出现了一个问题。当我输入值时，它运行良好。但问题是当我刷新页面时，她不会刷新；她只保存输入的第一个值。为什么?

var
displayResultBtn=document.querySelector（“#计算btn”），
backToInputBtn=document.querySelector（“#back input”）；
变量
inputPage=document.querySelector（“#数据输入”），
outputPage=document.querySelector（“#数据输出”）；
/*=============转到结果======================*/
displayResultBtn.addEventListener（'单击'，displayResult）；
函数displayResult（）{
变量
coutJour=parseFloat（document.querySelector（'#cj input'）.value），
nbrJour=parseInt（document.querySelector（'#nj input'）.value），
首要的
//计算基本工资
slrBase=coutJour*nbrJour；
如果（nbrJour>=25）{
素数=200；
}
否则，如果（nbrJour>=20）{
素数=150；
}
否则如果（nbrJour>=15）{
素数=100；
}
否则，如果（nbrJour一个
按钮type=“reset”
仅在
表单
元素内部工作。并且，如果您有一个
表单
元素，那么一个没有
类型的
按钮
元素将自动成为
type=“submit”
，因此如果您不希望它提交，它应该是
type=“button”

在下面的代码中，请注意，
表单
元素在
页眉
之后开始，在
页脚
之前关闭


var
displayResultBtn=document.querySelector（“#计算btn”），
backToInputBtn=document.querySelector（“#back input”）；
变量
inputPage=document.querySelector（“#数据输入”），
outputPage=document.querySelector（“#数据输出”）；
/*=============转到结果======================*/
displayResultBtn.addEventListener（'单击'，displayResult）；
函数displayResult（）{
变量
coutJour=parseFloat（document.querySelector（'#cj input'）.value），
nbrJour=parseInt（document.querySelector（'#nj input'）.value），
首要的
//计算基本工资
slrBase=coutJour*nbrJour；
如果（nbrJour>=25）{
素数=200；
}
否则，如果（nbrJour>=20）{
素数=150；
}
否则如果（nbrJour>=15）{
素数=100；
}
否则，如果（nbrJour您使用的是简单的输入而不是表单，那么一种简单的方法就是将值设置为空，如下所示

function displayInputs() {
  outputPage.style.display = "none";
  inputPage.style.display = "initial";
  let coutJour = document.querySelector("#cj-input"),
    nbrJour = document.querySelector("#nj-input");
  coutJour.value = "";
  nbrJour.value = "";
}

或者改为使用表单并使用重置按钮或.reset（）命令窗体的函数调试过程的第1步：简化代码。CSS与问题无关，因此只需删除它，它不是问题的一部分。与计算器周围的所有HTML一样：它不是问题的一部分，请删除它。将代码转换为“你在没有任何人帮助的情况下发现了问题”，而不是用简洁的代码在文章中展示你的问题，但是如果在将代码简化为MCVE表单的最后，你仍然有同样的问题，那么现在你有了合适的代码来发布