首页用HTML写一个通过编程实现计算商品的总金额，当商品标价100元、税率为0.05时，计算买一件商品的总金额和税金分别是多少？的代码

用HTML写一个通过编程实现计算商品的总金额，当商品标价100元、税率为0.05时，计算买一件商品的总金额和税金分别是多少？的代码

时间: 2024-02-25 13:52:10 浏览: 32

好的，以下是用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计算商品的总金额和税金，并将结果显示在输入框中。用户可以点击“计算”按钮来触发计算操作。