overfit同步小助手

2024-03-23 21:03:04

加油优惠价格计算-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第2章-课后作业)

【案例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所示。

标签： javascript 前端开发语言

本文转载自: https://blog.csdn.net/yw1990128/article/details/129683649
版权归原作者 xiaozhima-dun 所有，如有侵权，请联系我们删除。

发表评论

登录后发布评论

“加油优惠价格计算-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第2章-课后作业)”的评论:

还没有评论

关于作者

overfit同步小助手

文章同步

相关阅读

linux 拷贝文件到指定目录

JUnit 4.* 单元测试实战指南

QT 3D模块性能优化

灵活开源低代码平台——Microi吾码（一）

KeyarchOS适配rabbitmq 3.9.13

Next.js 入门指南：深入构建服务器渲染的现代 Web 应用

MySQL初学之旅（4）表的设计

文章导航