【案例2-2】 加油优惠价格计算
一、案例描述
- 考核知识点
if 、 if…else 、if…else if…else
- 练习目标
- 掌握if单分支语句。
- 掌握if…else双分支语句
- 掌握if…else if…else多分支语句
- 需求分析
加油站，为了鼓励车主多加油，实行多加多优惠政策，具体优惠如下：
- 已知92号汽油，每升6元；如果大于等于20升，那么每升5.9；
- 已知97号汽油，每升7元；如果大于等于40升，那么每升6.5
- 编写JS程序，用户输入自己的汽油编号，然后输入自己加多少升，弹出价格
- 案例分析
- 效果如图2-2、2-3、2-4所示。
- 输入汽油编号
- 输入油量
- 页面输出单价和总价钱
- 具体实现步骤如下：
- 输入汽油编号。
- 输入想要加的油量。
- 根据编号和油量来规定单价、计算总价
- 页面中输出单价和总价钱
二、案例实现
根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下：文章来源：https://www.toymoban.com/news/detail-723754.html
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>加油优惠价格计算</title>
- </head>
- <body>
- <script type="text/javascript">
- var number = prompt("请输入汽油编号");
- var liters = prompt("请输入你要加多少升");
- if(number == "92"){
- if(liters >= 20){
- document.write('汽油5.9元一升;'+ '<br/>' +'共计:'+ (5.9*liters)+'元');
- }
- else {
- document.write('汽油6元一升;'+ '<br/>' +'共计:'+ (6*liters)+'元');
- }
- }
- else if(number == "97") {
- if(liters >= 40) {
- document.write('汽油6.5元一升;'+ '<br/>' +'共计:'+ (6.5*liters)+'元');
- }
- else {
- document.write('汽油7元一升;'+ '<br/>' +'共计:'+ (7*liters)+'元');
- }
- }
- else {
- alert("您输入的汽油我没见过");
- }
- </script>
- </body>
- </html>
保存后，在谷歌浏览器中预览，效果如图2-2、2-3、2-4所示。文章来源地址https://www.toymoban.com/news/detail-723754.html
到了这里，关于加油优惠价格计算-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第2章-课后作业)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术16（HTML5、CSS3、JavaScript ）表格课后练习网页标题：域标签的使用网页标题：美家装饰联系我们网页标题：登录界面网页标题问卷调查——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/01/820808-1.png)
