用HTML写一个计算商品的总金额,当商品标价100元、税率为0.05时,计算买一件商品的总金额和税金分别是多少? 的代码
时间: 2024-02-25 22:52:14 浏览: 213
税金计算代码
好的,以下是用HTML写一个计算商品总金额和税金的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>计算商品总金额和税金</title>
</head>
<body>
<h1>计算商品总金额和税金</h1>
<p>商品标价:100元</p>
<p>税率:0.05</p>
<form>
<label for="quantity">请输入购买数量:</label>
<input type="number" id="quantity" name="quantity" min="1" required>
<br><br>
<button type="button" onclick="calculate()">计算</button>
<br><br>
<label for="total">总金额:</label>
<input type="text" id="total" name="total" readonly>
<br><br>
<label for="tax">税金:</label>
<input type="text" id="tax" name="tax" readonly>
</form>
<script>
function calculate() {
var quantity = document.getElementById("quantity").value;
var price = 100;
var taxRate = 0.05;
var total = quantity * price;
var tax = total * taxRate;
document.getElementById("total").value = total.toFixed(2);
document.getElementById("tax").value = tax.toFixed(2);
}
</script>
</body>
</html>
```
在这个代码中,我们使用了HTML的表单和输入框来获取用户输入的购买数量,然后通过JavaScript计算商品的总金额和税金,并将结果显示在输入框中。用户可以点击“计算”按钮来触发计算操作。
阅读全文