• 使用JavaScript的效果实现输入相关信息计算票价的效果


    前段时间家中有事,断更的会一点点补上

    目录

    1.首先我们先创建一个html文件

    2.然后我们开始写js部分代码,先定义三个变量(这里加入Number是把字符型转成数字型)

    3.接下来我们根据需求继续添加变量

    4.接下来我们通过if条件语句来实现条件

    ? ? ? ? 1.因为这里需求是让我们先选择座位的类型,所以我们要先判断是使用者输入的是什么座

    ? ? ? ? 2.接下来我们开始正式开始,我们开始写根据年龄来影响价格的部分(以硬座的的为例子)

    ? ? ? ? 3.接下来加入身高判断条件

    ? ? ? ? 4.接下来就很简单了,硬座的写出来了,我们只需稍加改动,未成年人购买硬卧只能是减去硬座的一半哦

    ? ? ? ? 5.接下来我们综合一下

    5.这是完整代码


    首先这是我们的需求

    1.首先我们先创建一个html文件

    
    
    	
    		
    		
    	
    	
    		
    	
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10

    2.然后我们开始写js部分代码,先定义三个变量(这里加入Number是把字符型转成数字型)

    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    3.接下来我们根据需求继续添加变量

    		
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10

    4.接下来我们通过if条件语句来实现条件

    1.因为这里需求是让我们先选择座位的类型,所以我们要先判断是使用者输入的是什么座

    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    2.接下来我们开始正式开始,我们开始写根据年龄来影响价格的部分(以硬座的的为例子)

    		
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    这样我们就做到了判断当输入的年龄大于18和小于18的价格。,当然此时小于18的部分由于需求还有一个条件是身高,所以我们要在else里再次套入一个if循环

    3.接下来加入身高判断条件

    由需求可知,在120,120-150,150以上这三个区间的价格是不一样的,所以我们要以此为条件,在else里添加嵌套一个if判断.

    		
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25

    小提示:由于嵌套了一个if,所以大家在写的时候注意花括号哦

    4.接下来就很简单了,硬座的写出来了,我们只需稍加改动,未成年人购买硬卧只能是减去硬座的一半哦

    		
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25

    5.接下来我们综合一下

    		
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37

    这样整个判断条件就写出来了

    5.这是完整代码

    
    
    	
    		
    		
    	
    	
    	
    	
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46

    先自我介绍一下,小编13年上师交大毕业,曾经在小公司待过,去过华为OPPO等大厂,18年进入阿里,直到现在。深知大多数初中级java工程师,想要升技能,往往是需要自己摸索成长或是报班学习,但对于培训机构动则近万元的学费,着实压力不小。自己不成体系的自学效率很低又漫长,而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家,初衷也很简单,就是希望帮助到想自学又不知道该从何学起的朋友,同时减轻大家的负担。添加下方名片,即可获取全套学习资料哦

  • 相关阅读:
    Vue:基础语法指令
    Idea上传项目到gitlab并创建使用分支
    含文档+PPT+源码等]精品微信小程序校园第二课堂+后台管理系统|前后分离VUE[包运行成功]微信小程序毕业设计项目源码计算机毕设
    浅谈如何使用 github.com/yuin/gopher-lua
    【CGSize Objecive-C语言】
    从零开始学WEB前端——VUE脚手架
    d为何用nan作为浮点默认
    图解关系数据库设计思想,这也太形象了
    设计模式(18)桥接模式
    观察者模式
  • 原文地址:https://blog.csdn.net/Bejpse/article/details/126080923