用javascript设计一个能根据用户输入的商品编号和数量,计算总价并显示清单的程序。
时间: 2024-06-07 18:05:11 浏览: 11
可以的,以下是代码示例:
<html>
<body>
<h1>商品清单</h1>
<label for="product_id">商品编号:</label>
<input type="number" id="product_id"><br><br>
<label for="quantity">数量:</label>
<input type="number" id="quantity"><br><br>
<button onclick="calculatePrice()">计算总价</button><br><br>
<label for="total_price">总价:</label>
<input type="text" id="total_price" readonly><br><br>
<script>
function calculatePrice() {
var product_id = document.getElementById("product_id").value;
var quantity = document.getElementById("quantity").value;
var price = 0;
// 根据商品编号计算价格
switch(product_id) {
case 1:
price = 10;
break;
case 2:
price = 20;
break;
case 3:
price = 30;
break;
default:
alert("请输入正确的商品编号!");
return;
}
// 计算总价并显示
var total_price = price * quantity;
document.getElementById("total_price").value = total_price;
}
</script>
</body>
</html>