javascript - 两位小数的利润计算 Javascript

Question

在我的脚本中，我运行此函数来计算 MySQL 数据库中产品表中条目的利润。相关领域定义为十进制 (10,2)。这是一个销售平台，我希望在向系统添加新产品时，利润栏能够计​​算到小数点后两位。比如售价=50.60，原价=40.20，那么利润一栏应该可以给我10.40作为答案。因此 50.60-40-20。

这是我使用的函数

function sum() {

        var txtFirstNumberValue = document.getElementById('txt1').value;
        var txtSecondNumberValue = document.getElementById('txt2').value;
        var result = parseInt(txtFirstNumberValue) - parseInt(txtSecondNumberValue);
        if (!isNaN(result)) {
            document.getElementById('txt3').value = result;

        }

这些是我用来添加新产品的脚本，其中销售价格代表函数中的 txt1。而函数中的原价和利润列分别代表txt2和txt3。

<span>Selling Price : </span>
<input type="text" id="txt1" style="width:265px; height:30px;" name="price" onkeyup="sum();" Required><br> 
<span>Original Price : </span>
<input type="text" id="txt2" style="width:265px; height:30px;" name="o_price" onkeyup="sum();" Required><br>
 <span>Profit : </span>
<input type="text" id="txt3" style="width:265px; height:30px;" name="profit" readonly><

我的脚本工作正常，但这不是我想要的。利润列无法从另一个小数值中减去小数，因此，它仅以整数显示结果。我预计如果售价=50.60，原价=40.20，利润栏应该能给我10.40作为答案。因此 50.60-40-20。

Answer 1

您的问题是您需要使用 parseFloat 而不是 parseInt 来将输入用作 float 。此外，您还应该在输出上使用 toFixed(2) 以确保其四舍五入到小数点后两位。

function sum() {

        var txtFirstNumberValue = document.getElementById('txt1').value;
        var txtSecondNumberValue = document.getElementById('txt2').value;
        var result = parseFloat(txtFirstNumberValue) - parseFloat(txtSecondNumberValue);
        if (!isNaN(result)) {
            document.getElementById('txt3').value = result.toFixed(2);

        }
        }

<span>Selling Price : </span>
<input type="text" id="txt1" style="width:265px; height:30px;" name="price" onkeyup="sum();" Required><br> 
<span>Original Price : </span>
<input type="text" id="txt2" style="width:265px; height:30px;" name="o_price" onkeyup="sum();" Required><br>
<span>Profit : </span>
<input type="text" id="txt3" style="width:265px; height:30px;" name="profit" readonly><br>