Javascript：避免在提交后刷新页面

我的Javascript知识是基本的。 我试图在单击“提交”按钮时运行一个函数，但当我执行此操作时，页面会在网页中显示结果，但随后会自动刷新，再次显示空白页面。你知道怎么解决这个问题吗？提前谢谢

HTML

我赞成你的观点。

拉斯库塔斯假日酒店
量纲的
Nº
库塔
国际米兰
首都
萨尔多

JS

//声明器变量
让资本；
出租率；
让频率；
让周期；
让BTN提交；
让我们看看结果；
//Asignar valores a变量设计形式
大写=document.getElementById（'capital'）；
rate=document.getElementById（'rate'）；
frequency=document.getElementById（'frequency'）；
periods=document.getElementById（'periods'）；
btnSubmit=document.getElementById（'btnSubmit'）；
tableResults=document.querySelector（“#table results tbody”）
//功能全异
/*btnSubmit.addEventListener（'单击'，（）=>{
计算数量（资本值、比率值、频率值、周期值）
}) */
函数计算数量（资本、利率、频率、周期）{
//声明变量
假设年金=0；
让实际资本=资本；
设interestFee=0；
设capitalFee=0；
//库塔学院
年金=资本*（费率/100/12）
/
（1-数学功率（1+速率/100/12，-周期）；
console.log（typeof（大写）+“”+typeof（利率）+“”+typeof（期间）+“”+typeof（年金））
对于（设i=0；i表单事件与
event
一起出现，或者仅
e
用于亲密关系。
在javascript中的表单操作中，您可以使用e.preventDefault（）；函数来防止提交表单时浏览器刷新。
使用此函数是否回答您的问题？如何使用它？。。。。