Javascript 表单onsubmit运行函数，但不改变'；不坚持

我正在制作一个小型金融计算器。这是第一次。我希望表单接收作为变量的数字，以及使用该变量计算的表。我想使用一个表单，这样“返回”按钮可以提交条目

当

input

为函数使用

onchange

监听器时，这种方法可以正常工作。然而，当我尝试合并一个

时，DOM会用正确的闪存计算进行更新，然后消失

使用未正确运行函数的

onsubmit

有什么关系？运行函数后，

onsubmit

是否刷新DOM

解决这类问题的最佳做法是什么

谢谢， 意志

HTML:

函数更新（）{
让initialGain=Number（document.getElementById（'initialGain'）.value）；
设initialFedTax=initialGain*.238；
设capAvail=initialGain-initialFedTax；
设newValue=capAvail*（1+0.09*10）；
设newValueB=initialGain*（1+0.09*10）；
设tax85=初始FEDTAX*.85
设tax2029=（新值-capAvail）*.238；
让后税=新值-税2029；
设后taxb=newValueB-tax85；
净利润=税后-初始收益；
设netProfitB=后taxb-初始增益；
//资本收益
document.getElementById（'capitalGain'）。innerHTML=“$”+货币（初始收益）；
document.getElementById（'capitalGainB'）。innerHTML=“$”+货币（初始收益）；
//原始资本收益支付的最高联邦税，23.8%
document.getElementById（'initialFedTax'）。innerHTML=“$”+货币（initialFedTax）；
//2019年可用于“新投资”的资本
document.getElementById（'capAvail'）。innerHTML=“$”+货币（capAvail）；
document.getElementById（'capAvailB'）。innerHTML=“$”+货币（初始收益）；
//10年后新投资的价值
document.getElementById（'newValue'）。innerHTML=“$”+货币（newValue）；
document.getElementById（'newValueB'）。innerHTML=“$”+货币（newValueB）；
//2026年12月31日到期的原始收益85%的最高联邦税
document.getElementById（'tax85'）.innerHTML=“（“+货币（tax85）+”）；
//2029年新投资处置的最高联邦税
document.getElementById（'tax2029'）.innerHTML=“（“+货币（tax2029）+”）；
//税后收益
document.getElementById（'postax'）.innerHTML=“（“+货币（postax）+”）；
document.getElementById（'Afteraxb'）.innerHTML=“（“+货币（Afteraxb）+”）；
//减：原始收益
document.getElementById（'originalGain'）.innerHTML=“（“+货币（初始收益）+”）；
document.getElementById（'originalGainB'）.innerHTML=“（“+货币（初始收益）+”）；
//净利润
document.getElementById（'净利润'）.innerHTML=“$”+货币（净利润）；
document.getElementById（'netProfitB'）。innerHTML=“$”+货币（netProfitB）；
var x=document.getElementsByClassName（'test'）
x[0].style.backgroundColor='red'；
x[0]。style.width='10px'；
x[0]。style.height='10px'；
}

计算器
税后净利润投资比较
应纳税所得额
（长期）
1美国精英™
资本收益
原始收益支付的最高联邦税
23.8%
-
2019年可用于“新投资”的资本
10年后新投资的价值
9%
2026年12月31日到期的原始收益85%的最高联邦税
23.8%
2029年新投资处置的最高联邦税
23.8%
税后收益
减：原始收益
净利润
（扣除原始收益和新投资的联邦税后）

是，默认情况下，

onsubmit

通过HTTP发送表单内容以进行服务器端处理，因此会刷新站点。为了避免这种情况，添加

returnfalse

作为更新函数的最后一条语句，并将

onsubmit=update（）

替换为

onsubmit=“return update（）；”

---

要使此功能正常工作，您的函数必须没有错误。否则，

返回false行，浏览器会刷新页面。
是的，默认情况下，
onsubmit
通过HTTP发送表单内容以进行服务器端处理，因此会刷新站点。为了避免这种情况，添加
returnfalse
作为更新函数的最后一条语句，并将
onsubmit=update（）
替换为
onsubmit=“return update（）；”

要使此功能正常工作，您的函数必须没有错误。否则，
返回false行，浏览器会刷新页面。
应该是
onsubmit=“update（）”
应该是
onsubmit=“update（）”
我还建议对javascript事件进行一些调查，以及如何截获它们。我还建议对javascript事件进行一些调查，以及如何截获它们