Javascript 正在尝试创建定价计算器，但单击“计算”时不会显示任何内容

代码基于一个模板，我对Javascript非常陌生，但从我所能说的来看，一切都应该很好。然而，当我测试它时，结果框中没有显示任何内容，我不知所措

我正在尝试创建一个定价计算器，它将给出一个估计预算以及投资回报

估算预算的实际计算为=（额外收入）/（平均房价/平均佣金）x 100/12 x 5

投资回报率的数学是=额外收入-估计预算

下面是Javascript代码：

document.getElementById（“贷款表格”）。addEventListener（“提交”，
计算机结果）；
功能计算机结果（e）{
//用户界面
施工额外收入=
文件.getElementById（“额外收入”）.value；
成本平均佣金=
document.getElementById（“averagecommission”）.value；
建筑平均房价=
document.getElementById（“averagehouseprice”）.value；
//算计
固定收入=浮动（UIadditionalincome）；
const CalculateCommission=parseFloat（UIaveragehouseprice）/
（平均委员会）；
//估计预算
const x=Math.pow（收入/计算委员会）；
const EstimatedBudget=（x*100/12*5）.toFixed（2）；
//投资回报率
固定投资回报率=（额外收入-总估计预算）。toFixed（2）；
//显示结果
document.getElementById（“EstimatedBudget”）.innerHTML=“$”+
估计预算；
document.getElementById（“roi”）.innerHTML=“$”+roi；
e、 预防默认值（）；
}

如果需要，这里是HTML：

1
额外收入
2
平均佣金
3
平均房价
算计
计算结果
$
预计预算

$
投资回报率

首先，我想指出Java和JavaScript是不同的语言

---

问题似乎是，在您完成计算后，您的调用会阻止默认设置。只需将

e.preventDefault

移到函数顶部即可。

首先，我想指出Java和JavaScript是不同的语言

问题似乎是，在您完成计算后，您的调用会阻止默认设置。只需将

e.preventDefault

移到函数顶部即可。

您可以尝试

，因为问题可能是表单在javascript执行之前提交并导航（基本刷新）。您可以尝试

，因为问题可能是表单提交并导航（基本刷新）在javascript可以执行之前。