【案例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代码来实现这一效果，具体代码如下：
- <!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所示。
扫一扫
235
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
