表单输入数字后iva10值出现NaN的问题求助

问题根源 #

• 直接使用了未定义的变量tot2：你仅将num2 + num3的结果赋值给了input元素，但没有把这个计算结果存储为变量，导致num1 - tot2中的tot2是undefined，数字与undefined运算的结果必然是NaN。
• 未处理无效输入：parseFloat解析空字符串或非数字内容时会返回NaN，后续所有依赖这些值的运算都会变成NaN。

修正后的代码 #

JavaScript部分

function sum() {
  // 解析输入值，若解析失败则默认设为0
  var num1 = parseFloat(document.getElementById('bene_significativo').value) || 0;
  var num2 = parseFloat(document.getElementById('manodopera').value) || 0;
  var num3 = parseFloat(document.getElementById('mark_up').value) || 0;

  var tot2 = num2 + num3; // 将计算结果存储为变量，供后续使用

  document.getElementById('tot1').value = num1;
  document.getElementById('tot2').value = tot2;
  document.getElementById('tot3').value = num1 + tot2;

  // 计算IVA 10%，按你原代码逻辑执行，若业务逻辑为其他可自行调整
  var iva10 = num1 - tot2;
  document.getElementById('iva10').value = iva10;
}

HTML部分（无需修改）

Bene significativo: <input type="text" id="bene_significativo" class="form-control" placeholder="Valore del bene significativo" aria-label="bene significativo" /><br />
Manodopera: <input type="text" id="manodopera" class="form-control" placeholder="Default input" aria-label="mandopera" /><br />
Mark-up: <input type="text" id="mark_up" class="form-control" placeholder="Default input" aria-label="mark_up" /><br />
<br />
<div><button class="btn btn-primary" onclick="sum()">Calcola</button></div>
<br />
Bene significativo: <input type="text" value="" id="tot1" /><br />
Manodopera: <input type="text" value="" id="tot2" /><br />
Totale complessivo prestazione: <input type="text" value="" id="tot3" /><br />
IVA 10%: <input type="text" value="" id="iva10" /><br />
IVA 22%: <input type="text" value="" id="iva22" />

额外说明 #

• 若你的IVA 10%实际业务逻辑是总额的10%，可将计算代码改为var iva10 = (num1 + tot2) * 0.1，根据需求调整即可。
• || 0的作用是确保输入为空或非数字时，变量默认值为0，避免NaN污染后续所有运算。

内容的提问来源于stack exchange，提问作者Mauro