【js】多分支语句练习(2)

news2025/1/20 1:54:49

个人名片:
😊作者简介:一名大一在校生,web前端开发专业
🤡 个人主页:python学不会123
🐼
座右铭:懒惰受到的惩罚不仅仅是自己的失败,还有别人的成功。
🎅**学习目标: 坚持每一次的学习打卡,学好js

文章目录

    • 习题5 计算用电量
    • 习题6 分别计算男女输血量
    • 习题7 使用弹框输出水果名称
    • 习题8 购票程序

习题5 计算用电量

根据《省电网销售电价表》,居民生活用电按3个梯度收费:月用电量150千瓦时及以下部分,
每千瓦时0.4463元,151—400千瓦时部分为0.4663元,
401千瓦时以上部分为0.5663元,请编写程序,当输入用户的用电量时,计算出所需付的费用。

 var e = parseFloat(prompt("请输入用电量:(千瓦时)"));
        if (e <= 150) {
            alert("每月用电量:" + 0.4463 * e);
        } else if (e <= 400) {
            alert("每月用电量: " + (e-150)*0.4663+150*0.4463);
        }
        else if (e >= 401) {
            alert("每月用电量:" + (e-400)*0.5663+(400-150)*0.4663+150*0.4463);
        } else {
            alert("用电量超标");
        }

输出结果为:
在这里插入图片描述
在这里插入图片描述

习题6 分别计算男女输血量

根据性别和体重计算输血量:
女性体重不超过50KG的输血量为200毫升,否则为250毫升;
男性体重不超过60kg的输血量为250毫升,否则为300毫升。

 var x = prompt("请输入性别:");
        var y = Number(prompt("请输入体重:")) ;
        if (x == "男") {
            if (y <= 60) {
                alert("男性体重不超过60kg的输血量为250毫升");
            }
            else {
                alert("男性体重不超过60kg的输血量为300毫升");
            }
        }
        else {
            if (y <= 50) {
                alert("女性体重不超过50KG的输血量为200毫升");
            }
            else {
                alert("女性体重不超过50KG的输血量为250毫升");
            }
        }

输出结果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

习题7 使用弹框输出水果名称

//用户在输入框里输入水果名称,如果有该水果,就使用弹窗弹出水果价格,如果没有就弹出该水果不存在。

var fruits=prompt("请输入水果名称");
        switch(fruits){
            case '苹果': alert("5$");
            break;
            case '梨子': alert("10$");
            break;
            case '香蕉': alert("20$");
            break;
            case '火龙果': alert("6$");
            break;
            case '车厘子': alert("48$");
            break;
            default:
                alert("该水果不存在");
        }

输出结果在这里插入图片描述
在这里插入图片描述

习题8 购票程序

假设从A地到B地的火车票有硬座和硬卧,价格分别为100和190元。
根据铁路部门规定,未成年人(18周岁以下)身高不足120cm免票,120(含)-150(不含)cm需半票,
150及以上的需全票,未成年人卧铺只能减免硬座的半价。
请设计一个购票程序,要求输入年龄和身高(未成人需要输入)以及票的类型,输出票的价格。

var age =Number(prompt("请输入年龄:"));
        var h =Number(prompt("未成年人请输入身高:"));
        var ticket =Number( prompt("请输入车票类型:"));
        priceA = 100;
        priceB = 190;
        if (age >= 18) {
            if (ticket == "硬座") {
                alert("成年人硬座票为100元");
            }
            else   {
                alert("成年人硬卧票为190元");
            }
        }
        else{
            var height=Number(prompt("请输入身高(cm)"));
            if(ticket == "硬卧"){
                alert("未成年人硬卧票为140元");
            }else{
                if(height <120){
                    alert("未成年人120cm一下免票");
                }
                else if(height <150){
alert("未成年人120cm-150cm硬座58元");
                }
                else{
                    alert("未成年人150cm以上硬座100元");
                }
            }
        }

输出结果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

这几个练习题超级适合刚学js的 大家可以尝试做一下,可以帮助你巩固基础,不懂得可以在评论区讨论

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/408848.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

媒体查询@media

media可以针对不同的媒体类型(包括显示器、便携设备、电视机&#xff0c;等等)设置不同的样式规则&#xff0c;CSS3 根据设置自适应显示。 1.使用方法: media 多媒体类型 and (条件) and (条件)... ①多媒体类型: all用于所有多媒体类型设备 print用于打印机 screen用于电脑…

2022前端笔试面试题

目录 以下为笔试题部分&#xff1a; 1.CSS盒子模型的构成是__,__,__,__. 2.二叉树的中序遍历顺序是badce,后续遍历顺序是bdeca&#xff0c;问前序遍历的顺序。 3.flex布局的父级元素中有哪些常用属性。 4.box-sizing:____;表示怪异盒模型&#xff08;IE盒模型&#xff09;…

JavaScript基础知识总结 14:学习JavaScript中的File API、Streams API、Web Cryptography API

目录一、Atomics和SharedArrayBuffer二、原子操作基础1、算术及位操作方法2、原子读和写3、原子交换4、原子Futex操作与加锁三、跨上下文消息四、Encoding API五、File API和Blob API1、File类型2、FileReader类型3、FileReaderSync类型4、Blob与部分读取六、Streams API1、应用…

uniapp和vue组件之间的传值方法(父子传值,兄弟传值,跨级传值,vuex)

前言 在做vue项目或者uniapp开发微信小程序时&#xff0c;经常会用到组件之间传值&#xff0c;因此想总结记录下。 一、父子传值 父向子传递&#xff1a;props子向父传递&#xff1a;通过 events&#xff08;$emit&#xff09;父组件想调用子组件的方法&#xff1a;通过 thi…

Get请求报错404出现原因及解决办法

ajax中get请求时报404背景环境项目结构问题成因解决办法1解决办法2背景环境 已学习java基础&#xff0c;html&#xff0c;css&#xff0c;js&#xff0c;jquery&#xff0c;bootstrap&#xff0c;layui&#xff0c;maven&#xff0c;servlet和jsp&#xff0c;刚进入spring的学…

前端下载文件的几种方式

前端下载文件的几种方式 前言 实习一个人负责一个管理系统的前端部分。其中&#xff0c;就有前端下载文件的需要。最终采用的是使用axios发送get请求的方式&#xff0c;因为需要携带token。但是&#xff0c;不应该只注重结果&#xff0c;也应该注重过程&#xff0c;不然可能一…

jQuery选择器(二)(基本过滤器,内容过滤器,可见过滤器)

写在前面 jQuery是一个快速、简洁的 JavaScript 框架&#xff0c;是继Prototype之后又一个优秀的 JavaScript 代码库。jQuery的设计宗旨是“WriteLess&#xff0c;DoMore”&#xff0c;即倡导写更少的代码&#xff0c;做 更多的事情。jQuery封装了 JavaScript 常用的功能代码&…

【Vue】具名插槽

要点&#xff1a; 具名插槽&#xff1a;即具有名字的插槽&#xff0c;在默认插槽基础上指定插槽的名字&#xff08;name " "&#xff09;。父组件指明放入子组件的哪个插槽 slot "footer"&#xff0c;如果是template可以写成 v-slot : footer。 父组件中…

html中关于侧边导航栏和导航栏的编写

侧边导航栏 <style>.box{width: 50px;height: 50px;background-color: #483957;transition: width .5s,background-color .2s;}.box:hover{background-color: #004FCB;width: 200px;cursor: pointer;}.a1{position: fixed;right: 40px;top: 200px;float: right;}</st…

如何搭建一个vue项目(完整步骤)

如何搭建一个vue项目(完整步骤) 一、环境准备 1、安装node.js 下载地址&#xff1a;https://nodejs.org/zh-cn/界面展示 2、检查node.js版本 查看版本的两种方式 1|node -v 2|node -version 出现版本号则说明安装成功&#xff08;最新的以官网为准&#xff09; 3、为了…

vue环境搭建

前言&#xff1a;1、首先安装nodejs2、其次安装vue-cli&#xff0c;配置vue环境变量3、再次安装webpack、webpack-cli一、NodeJs安装 1、nodejs下载地址&#xff1a;https://nodejs.org/ 2、验证是否安装成功&#xff08;安装时已经自动加入到环境变量的path中&#xff09; 以…

Referer和Referrer Policy以及图片防盗链

​ Referer Referer请求头包含了当前请求页面的来源页面的地址&#xff0c;即表示当前页面是通过此来源页面里的链接进入的。服务端一般使用Referer&#xff08;注&#xff1a;正确英语拼写应该是referrer&#xff0c;由于早期HTTP规范的拼写错误&#xff0c;为了保持向后兼容…

html 简单表格制作(看了它足以应对大部分表格)

目录 基础表格 进阶表格 锦上添花表格 bgcolor background align frame元素 基础表格 首先制作一个表格我们要知道一张简单表格就是由二部分组成分别是表头&#xff0c;表身。 下面就是一个简单的表格。 表头就是黑体加粗的内容&#xff0c;表身就是表格主要表达的内容。…

css里面设置按钮(button)让字体居中

题目&#xff1a;设置button中的字体让其居中&#xff0c;不至于溢出(字体下落&#xff0c;重影等问题) 1&#xff0c;抛出问题&#xff0c;如图所示 2&#xff0c;引出我的代码 <view class"loginBtn"><form action"check.jsp" method"get…

带你吃透Servlet技术(二)

个人主页&#xff1a; 几分醉意的CSDN博客_传送门 前言&#xff1a;在上一篇&#xff0c;我们已经初步的了解了 Servlet技术 传送门&#xff0c;接下来我们继续深入学习Servlet。 本文目录&#x1f496;继承HttpServlet实现Servlet程序✨代码实战✨自动生成doGet和doPost方法✨…

猿创征文|如何使用 Element UI? 以登录框为例带你感受一下基础使用

目录 前言 一、安装&#xff08;所有内容&#xff09; 二、按需引入 三、案例演示 1.案前整理 2.代码演示&#xff08;后附源码&#xff09; 3.源码 前言 Element-ui&#xff0c;一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库&#xff0c;提供了配套设计…

el-upload上传文件

el-upload上传文件 前言 公司和学校项目都用到了上传文件的功能&#xff0c;记录一下。 准备 express实现的上传接口 const express require(express); ​ // 文件上传模块 const multiparty require(multiparty) ​ // 提供跨域资源请求 const cors require(cors) ​ …

Idea中使用Tomcat部署并启动Web项目

首先在Idea中选择编辑运行配置&#xff0c;如下图 左上角的“”号&#xff0c;选择Tomcat服务&#xff0c;如下图 自定义服务名称和项目在浏览器的访问路径 配置Tomcat服务器路径&#xff0c;如下图 然后在服务器中部署项目&#xff08;下面的警告提示&#xff1a;Warning: No …

nginx响应码301及访问路径参数丢失之间的关系

nginx响应码301及访问路径参数丢失之间的关系 本文比较长&#xff0c;所以写了一篇比较短的结果导向的文章&#xff0c;换了一下思路&#xff0c;大家可以看一这篇文章&#xff0c;如果感兴趣再来看这篇文章&#xff1a;nginx导致vue设置history模式下的请求丢失参数 背景描述…

Java使用WebStocket实现前后端互发消息

记录一下自己使用WebStocket实现服务器主动发消息的过程和踩得雷。 需求&#xff1a;车牌识别系统识别到车牌后&#xff0c;持续向前端推送车牌信息&#xff0c;直到前端回复收到。 测试需求&#xff1a;新增 客户后&#xff0c;持续向前端推送客户信息&#xff0c;直到前端收…