Javascript 单击“计算”按钮时，它不会在文本框中显示增值税和总额的计算结果_Javascript

Javascript 单击“计算”按钮时，它不会在文本框中显示增值税和总额的计算结果

javascript

Javascript 单击“计算”按钮时，它不会在文本框中显示增值税和总额的计算结果,javascript,Javascript,当我在chrome浏览器上运行代码时，单击“计算”按钮，它不会将值放入“总计”和“增值税”文本框中另外，“为Clear按钮的click事件添加Javascript事件处理程序，这将清除所有文本框并将光标移动到Subtotal字段。” 我正在使用Html和js文件。使用函数表达式计算并显示我的计算，然后使用“清除”按钮清除所有文本框 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t

当我在chrome浏览器上运行代码时，单击“计算”按钮，它不会将值放入“总计”和“增值税”文本框中

另外，“为Clear按钮的click事件添加Javascript事件处理程序，这将清除所有文本框并将光标移动到Subtotal字段。”

我正在使用Html和js文件。使用函数表达式计算并显示我的计算，然后使用“清除”按钮清除所有文本框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sales Tax Calculator</title>
<link rel="stylesheet" href="styles.css" />
<script src="sales_tax.js"></script>
</head>
<body>
<main>
      <h1>Sales Tax Calculator</h1>
     <p>Enter Subtotal and Tax Rate and click "Calculate".</p> 
     <label for="subtotal">Subtotal:</label>
     <input type="text" id="subtotal" ><br>

<label for="tax_rate">Tax Rate:</label>
<input type="text" id="tax_rate" ><br>

<label for="sales_tax">Sales Tax:</label>
<input type="text" id="sales_tax" disabled ><br>

<label for="total">Total:</label>
<input type="text" id="total" disabled ><br>

<label>&nbsp;</label>
<input type="button" id="calculate" value="Calculate" >
<input type="button" id="clear" value="Clear" ><br>
</main>
</body>
</html>


销售税计算器
销售税计算器
输入小计和税率，然后单击“计算”。
小计：


税率：


销售税：


总数：

这是我的js文件

var $ = function (id) {
return document.getElementById(id); 
};

var SumSalesTax = function (sub, rate){
var sales_tax = (sub * rate);
sales_tax = sales_tax.toFixed(2);
var total = (sub * rate + sub);
total = total.toFixed(2);
return sales_tax, total;
}

var processEntries = function() {
var sub = parseFloat($("subtotal").value);
var rate = parseFloat($("tax_rate").value); 

    if (sub < 0 && sub > 10000 && rate < 0 && rate > 12) {
alert("Subtotal must be > 0 and < 1000, and Tax Rate must be >0 and < 12. 
")
 } else {
$("sales_tax").value = SumSalesTax(sub, rate);

$("total").value = SumSalesTax(sub, rate); 
}       


};

window.onload = function() {
$("calculate").onclick = processEntries;
$("clear").onclick = sumSalesTax;
};

var$=函数（id）{
返回文档.getElementById（id）；
};
var SumSalesTax=函数（子，费率）{
var销售税=（次级*税率）；
销售税=销售税。固定（2）；
风险价值总额=（分项*费率+分项）；
总计=总计。toFixed（2）；
退货销售税，合计；
}
var processEntries=函数（）{
var sub=parseFloat（$（“小计”）.value）；
风险值率=浮动汇率（$（“税率”）。价值；
如果（sub<0&&sub>10000&&rate<0&&rate>12）{
警告（“小计必须大于0且小于1000，税率必须大于0且小于12。
")
}否则{
$（“销售税”）。价值=销售税总额（次级，税率）；
$（“总额”）。价值=销售税总额（次级，税率）；
}       
};
window.onload=函数（）{
$（“计算”）.onclick=processEntries；
$（“清除”）。onclick=sumSalesTax；
};

您在执行

$（“clear”）时似乎有一个输入错误。onclick=sumSalesTax，因为变量名为SumSalesTax
，而不是小写。这意味着代码块出错，因此实际上没有运行。确保您充分利用浏览器控制台，以便能够发现类似这样的错误！下面的例子应该有用

var$=函数（id）{
返回文档.getElementById（id）；
};
var SumSalesTax=函数（子，费率）{
var销售税=（次级*税率）；
销售税=销售税。固定（2）；
风险价值总额=（分项*费率+分项）；
总计=总计。toFixed（2）；
退货销售税，合计；
}
var processEntries=函数（）{
var sub=parseFloat（$（“小计”）.value）；
风险值率=浮动汇率（$（“税率”）。价值；
如果（sub<0&&sub>10000&&rate<0&&rate>12）{
警告（“小计必须大于0且小于1000，税率必须大于0且小于12。”）
}否则{
$（“销售税”）。价值=销售税总额（次级，税率）；
$（“总额”）。价值=销售税总额（次级，税率）；
}       
};
window.onload=函数（）{
$（“计算”）.onclick=processEntries；
$（“清除”）。onclick=SumSalesTax；
};

销售税计算器
销售税计算器
输入小计和税率，然后单击“计算”。
小计：


税率：


销售税：


总数：




看起来你在做$（“clear”）的时候有一个打字错误，因为变量名为SumSalesTax
，而不是小写。这意味着代码块出错，因此实际上没有运行。确保您充分利用浏览器控制台，以便能够发现类似这样的错误！下面的例子应该有用

var$=函数（id）{
返回文档.getElementById（id）；
};
var SumSalesTax=函数（子，费率）{
var销售税=（次级*税率）；
销售税=销售税。固定（2）；
风险价值总额=（分项*费率+分项）；
总计=总计。toFixed（2）；
退货销售税，合计；
}
var processEntries=函数（）{
var sub=parseFloat（$（“小计”）.value）；
风险值率=浮动汇率（$（“税率”）。价值；
如果（sub<0&&sub>10000&&rate<0&&rate>12）{
警告（“小计必须大于0且小于1000，税率必须大于0且小于12。”）
}否则{
$（“销售税”）。价值=销售税总额（次级，税率）；
$（“总额”）。价值=销售税总额（次级，税率）；
}       
};
window.onload=函数（）{
$（“计算”）.onclick=processEntries；
$（“清除”）。onclick=SumSalesTax；
};

销售税计算器
销售税计算器
输入小计和税率，然后单击“计算”。
小计：


税率：


销售税：


总数：




谢谢！对于刚开始编写javascript的输入。。。谢谢你！是的，我正在使用记事本+，我需要升级。谢谢！对于刚开始编写javascript的输入。。。谢谢你！是的，我正在使用记事本+，我需要升级。