javascript - 如何分离这个总结性陈述的逻辑？

Question

假设我有以下内容:

目前，当两个输入字段更新时，它们相互依赖来更新最终金额。我该如何做到这一点，即使一个字段为空，总计仍然会更新？

(rightsTotal 永远不会为空)

function calculateTotal() {
     var number1 = parseInt(document.getElementById('travelField').value) + parseInt(document.getElementById('giftField').value) + rightsTotal; 
     document.getElementById("grandTotal").innerHTML = '£' + number1 ;   
 }

谢谢!

Answer 1

如果您的输入为空(即空字符串 "")，

parseInt 将返回 NaN(不是数字)。

您可以将 parseInt 与 ||(或)表达式结合使用，如果您的值不是数字，则返回 0:

function calculateTotal() {
    var travelField = parseInt(document.getElementById('travelField').value) || 0;
    var giftField = parseInt(document.getElementById('giftField').value) || 0

    var number1 = travelField + giftField + rightsTotal;

    document.getElementById("grandTotal").innerHTML = '£' + number1 ;   
 }