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

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

目录

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

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

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

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

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

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

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

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

        5.接下来我们综合一下

5.这是完整代码


首先这是我们的需求

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



	
		
		
	
	
		
	

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

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


		
		

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

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

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

	
		

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

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

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

	
		

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

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

	
		

        5.接下来我们综合一下

	
		

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

5.这是完整代码



	
		
		
	
	
	
	

你可能感兴趣的:(js学习,javascript,前端,css3,html,js)