Javascript onChange百分比后的总和输入 成本 优惠 ()% 净成本

大家好， 我真的需要javascript编程的帮助。表格的流程如下：

在成本中投入大量资金

然后输入一些折扣（自动计算span#折扣2=成本*折扣/100）

净成本自动更新=成本折扣

---

我尝试了很多次，但没有运气，加上缺乏javascript知识。请提供帮助。

首先，创建一个函数来完成此操作

<form name="cost">
    <table border="1">
        <tr>
            <td>Cost</td>
            <td><input type="text" name="cost" /></td>
        </tr>
        <tr>
            <td>Discount</td>
            <td><input type="text" name="discount" /> (<span id="discount2"></span>)%</td>
        </tr>
        <tr>
            <td>Net Cost</td>
            <td><input type="text" name="net" /></td>
        </tr>
    </table>
</form>

您还需要更新html，向所有元素添加ID，并调用函数

function calculateDiscount()
{
var cost = document.getElementById('cost').value;
var discount = document.getElementById('discount').value;
//do the math
var net = cost-discount;
//update
document.getElementById('discount2').innerHTML = cost*(discount/100);
document.getElementById('net').value = net;
}

成本
折扣（）%
净成本

至少尝试一下，这样我们就可以指导您如何把事情搞砸。您需要上传上次尝试的javascript，否则这个问题很可能会解决。这是一个很好的学习JavaScript的方法，尽管它非常耗时。网上也有很多很棒的教程。如果你是一个更有经验的程序员，我写了一篇文章，你可以看看。我必须附和其他人说的话。帮助我们帮助您。您可能需要为

折扣2添加
.toPrecision（2）
和
readonly=“readonly”
到
input id=“net”
这就是我要找的Mike。非常感谢。我对这个代码还有一个问题。我还有一个字段要加上净成本。我试图向网络添加另一个变量，但结果很奇怪。我试过：var净值=成本折扣+总额；var total=document.getElementById（'total'）.value；我试过：
code函数calculateDiscont（）{var cost=document.getElementById（'insr_total1'）.value；var total=document.getElementById（'insr_total2'）.value；cost=cost.replace（/[^0-9]+/I，”）；var discount=document.getElementById（'insr_discount'））.value；//进行计算var net=cost折扣；//更新document.getElementById（'insr_折扣2'）。innerHTML=formatDollar（cost*（折扣/100））；var net1=formatDollar（cost cost*（折扣/100））；document.getElementById（'insr_total3'）。value=net1+total；
但是insr_total3的结果很奇怪！请帮助函数formatDollar（num）{var p=num.toFixed（2）.split（“.”；return“+p[0]。split（“”）.reverse（）.reduce（函数（acc，num，i，orig）{return num+（i&！（i%3）？”，“：”+acc；}；”
<form name="cost">
<table border="1">
<tr><td>Cost</td><td><input type="text" id="cost" name="cost" onChange="calculateDiscount(); return false;" /></td></tr>
<tr><td>Discount</td><td><input onChange="calculateDiscount(); return false;" type="text" id="discount" name="discount" /> (<span id="discount2"></span>)%</td></tr>
<tr><td>Net Cost</td><td><input type="text" name="net" id="net" /></td></tr>
</table>
</form>