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

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

    目录

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

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

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

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

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

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

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

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

            5.接下来我们综合一下

    5.这是完整代码

    首先这是我们的需求

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		
    9. 	body>
    10. html>

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

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

    1.  
    2.

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

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

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

    1. 	
    2.

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

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

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

    1. 	
    2.

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

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

    1. 	
    2.

            5.接下来我们综合一下

    1. 	
    2.

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

    5.这是完整代码

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 	<script>
    9. 			var sum = prompt('请输入你要购买的票种类')
    10. 			var ages = prompt('请输入你的年龄')
    11. 			var height = prompt('请输入身高')
    12. 			height = Number(height)
    13. 			ages = Number(ages)
    14. 			// console.log(ages)
    15. 			var sum1 = '硬座'
    16. 			var sums = '硬卧'
    17. 		
    18. 			if (sum == sum1) {
    19. 				if (ages >= 18) {
    20. 					alert('你的票价是100元')
    21. 				} else {
    22. 					if (height < 120) {
    23. 						alert('你无需付款，免票')
    24. 					} else if (height < 150 && height >= 120) {
    25. 						alert('你的票价是50元')
    26. 					} else {
    27. 						alert('你的票价是100元')
    28. 					}
    29. 				}
    30. 			} 
    31. 			 if (sum == sums) {
    32. 				if (ages >= 18) {
    33. 					alert('你的票价是190元')
    34. 				} else {
    35. 					if (height < 120) {
    36. 						alert('你无需付款，免票')
    37. 					} else if (height < 150 && height >= 120) {
    38. 						alert('你的票价是140元')
    39. 					} else {
    40. 						alert('你的票价是190元')
    41. 					}
    42. 				}
    43. 				}
    44. 		script>
    45. 	body>
    46. html>

  • 相关阅读:
    算法题：分发饼干
    安卓ROM定制 修改必备常识-----初步了解system系统分区文件夹的基本含义 【二】
    mysql之用户管理
    二叉树之前序遍历、中序遍历和后序遍历
    Doris学习笔记之监控
    Go--运算符
    前端岗位初入职场后的最初一段时间需要做什么
    【二进制部署k8s-1.29.4】八、worker端安装kubelet和cotainerd
    AndroidManifest.xml 添加 android:supportsRtl=“true“报错误
    场景应用：用Java写三个线程轮流打印1-100的程序
  • 原文地址：https://blog.csdn.net/tea_tea_/article/details/125711775