2、设计一个Web页面,计算快递费用,在prompt框中输入快递的重量,警告框中显示所需的快递费用。计算规则:快递重量1kg以内,收费10元;重量每增加1kg收费增加3元,不足1kg按1kg计算。快递重量不超过10kg上限。
时间: 2024-04-10 21:28:38 浏览: 31
你可以使用HTML、CSS和JavaScript来设计这个Web页面。以下是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>快递费用计算器</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 100px;
}
</style>
</head>
<body>
<h1>快递费用计算器</h1>
<script>
function calculateFee() {
var weight = parseFloat(prompt("请输入快递的重量(kg):"));
if (isNaN(weight) || weight <= 0 || weight > 10) {
alert("请输入有效的重量(1kg ~ 10kg)!");
return;
}
var fee = 10 + Math.ceil(weight - 1) * 3;
alert("所需的快递费用为:" + fee + "元");
}
calculateFee();
</script>
</body>
</html>
```
在上述示例中,我们使用`prompt`函数来接收用户输入的快递重量,并使用`parseFloat`将输入转换为浮点数。然后,我们进行一些验证,确保输入的重量在有效范围内。最后,我们使用`Math.ceil`函数向上取整,计算出快递费用,并使用`alert`函数将结果显示在警告框中。
请注意,这只是一个简单的示例,没有进行任何样式或用户界面的美化。你可以根据自己的需求进行修改和
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)