使用html表单将Javascript减法并乘以两位小数

时间:2014-02-25 08:50:51

标签: javascript html forms

我是javascripting的新手,如果可能的话,我希望能够帮助我创建一个表单。

我想根据下面的代码计算每个项目和每年通过我们购买的客户节省多少。

表格如下:

<div>
    <h2>Current Price:</h2>
        <input type='text' name='currentprice' id='currentprice' placeholder='Current Price' />
</div>
    <div class="ourinput">
    <h4>Our Price:</h4>
    <input type='text' name='ourprice' id='ourprice' placeholder='Our Price' />
</div>
<div>
    <h2>Annual Volume:</h2>
    <input type='text' name='annualvolume' id='annualvolume' placeholder='Annual Volume (approx)' />
</div>
<div>
    <h2>&nbsp;</h2>
    <button id="roll" onclick="RP()">Click Here For Magic</button>
</div>
<div class="ourinput">
    <h4>Saving Per Item:</h4>
    <input type='text' name='differenceprice' id='differenceprice' placeholder='Saving Per Item' />
</div>
<div class="ourinput">
    <h4>Annual Saving:</h4>
    <input type='text' name='annualsaving' id='annualsaving' placeholder='Annual Saving' />
</div>

由于我的知识有限并且进行了大量搜索,我设法让这个javascript工作,但我需要它到2位小数以及计算年度节省。

我已经拥有的代码是:

<script language="javascript">

function RP() {
var currentprice = document.getElementById('currentprice').value;

var tennantsprice = document.getElementById('ourprice').value;

var answer = currentprice - ourprice;

document.getElementById('differenceprice').value = answer;

}
</script>

此代码可以从当前价格中减去我们的价格,但我对此不太了解。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

var answer = Number(currentprice) - Number(ourprice);

由于currentpriceourprice是字符串,因此您需要将其解析为intfloatNumber

您可以根据自己的优先级使用parseIntparseFloat个功能。如果您想要修复两个小数位,请尝试以下代码。

 var answer = (Number(currentprice) - Number(ourprice)).toFixed(2);
 var annualvolume = document.getElementById('annualvolume').value;
 var annualSaving = (answer * Number(annualvolume)).toFixed(2);
 document.getElementById('annualsaving').value = annualSaving;

toFixed() reference.

答案 1 :(得分:0)

使用

var newNumber = (Number(myNumber)).toFixed(2);