如何自动计算输入数值和javascript中的差异

时间:2019-02-01 02:23:02

标签: javascript html calculator auto

我有一段时间没有编写任何代码了,我试图制作一个简单的计算页面,但我遇到了麻烦。我希望能够在输入的“零售价值”和“销售价格”中输入一个数字,然后我想要“储蓄来反映差异。然后我要总计来反映“销售价格” +“费用”。我不是确定我所缺少的...我也不记得如何使用Java格式,因此当您键入数字时,它会自动为您在输入框中添加一个逗号;如果是,我如何将这些导入文件合并到其中?

function findTotal(){
    var arr = document.getElementsByClassName('amount');
    var tot=0;
    for(var i=0;i<arr.length;i++){
        if(parseFloat(arr[i].value))
            tot += parseFloat(arr[i].value);
    }
    document.getElementById('totalordercost').value = tot;
}
body { font-family:Helvetica, Arial, sans-serif; font-size:11px; }
 <div>
     <h2>Pricing</h2>
     
     <p><strong>Retail Value</strong><br />
         $ <input onblur="findTotal()" type="text" class="amount" name="printcost" /></p>
         
         <p><strong>Savings <span class="required">*</span></strong><br />
         $ <input type="text" name="totalordercost" id="totalordercost" /></p>
     
     <p><strong>Sales Price</strong><br />
         $ <input onblur="findTotal()" type="text" class="amount" name="digitalcost" /></p>
     
     <p><strong>Fees</strong><br />
         $ <input onblur="findTotal()" type="text" class="amount" name="dmscost" /></p>
     
     <p><strong>Total</strong><br />
         $ <input onblur="findTotal()" type="text" class="amount" name="preprintcost" /></p>
     
</div>

0 个答案:

没有答案