这就是我需要解决的问题。
创建一个包含输入表单的基本网页。 JavaScript 将被嵌入到您的 HTML 文档中。
输入表单应包括:
用户名输入字段 订单数量输入字段 商品价格的只读字段 – 设置为值 5.31 订单总成本的只读字段 不使用任何类型的表单按钮元素的“提交按钮” 用户应该能够输入他们的姓名和订单数量,然后单击“提交”。当点击“提交”时,表格将计算订单总额,包括 8.25% 的销售税。计算完成后,订单总计表单字段将更新为总计,包括美元符号和两位小数。还应该触发一个警报框,说明用户名和一条指示订单总额(包括销售税)的消息。
请务必使用您自己的示例数据进行测试,以验证您的计算是否正确。
我做了 html 和 javascript,但我无法计算 8.25 的 const TAXRATE。该商品的成本为 5.31,如果将税费计入总额中,计算起来是一笔巨大的金额。提前感谢您的帮助。请在这里检查我的脚本:
<link rel="stylesheet" type="text/css" href="2Examp.css">
<script type="text/javascript">
function calcOrder() {
const TAXRATE = 8.25;
var userName = document.getElementById("username").value;
var quantity = document.getElementById("quantity").value;
var cost = document.getElementById("cost").value;
var extendedCost = quantity * cost;
var taxAmount = extendedCost * TAXRATE;
var orderCost = extendedCost + taxAmount;
document.getElementById("costExtended").value = "$" + orderCost.toFixed(2);
alert("Hello " + userName + " - Your order of " + quantity + " widgets, total $" + orderCost.toFixed(2) + ", including tax.");
}
</script>
</head>
<body>
<h1>Lesson #2 - Sample Page</h1>
<form action="" method="post" enctype="multipart/form-data" name="wigetCalc">
<label for="form-name">Name</label>
<input name="username" id="username" type="text" maxlength="15" /><br />
<label for="form-quantity">Widget order quantity</label>
<input name="quantity" id="quantity" type="text" value="0" maxlength="3" /><br />
<label for="cost">Widget cost</label>
<input name="cost" id="cost" type="text" value="5.31" readonly="readonly" /><br />
<label for="order-total">Order Total</label>
<input name="costExtended" id="costExtended" type="text" readonly="readonly" /><br />
<p onclick="calcOrder();" >Process Order</p>
</form>
</body>
</html>
最佳答案
我认为问题在于您乘以 8.25,而不是 0.0825。
你可以改变
const TAXRATE = 8.25;
至
const TAXRATE = 0.0825;
或者执行以下操作:
var taxAmount = extendedCost * (TAXRATE / 100);
关于javascript - 如何计算固定税率?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29934274/