JS出租车计算器

最新推荐文章于 2022-07-30 19:09:22 发布

回收旧老婆

最新推荐文章于 2022-07-30 19:09:22 发布

阅读量2.7k

点赞数 4

分类专栏：前端

本文链接：https://blog.csdn.net/lipengju555/article/details/100750040

版权

前端专栏收录该内容

15 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	
	<!-- 1.输入行驶公里数 -->
	<!-- 
	 起步价：8元，包含2公里
	 2公里至12公里，每公里1.2元
	 超出12公里，每公里1.5元
	 例如：5公里 8 + (5 - 2) *1.2
	 例如：15公里 8 + 12 + (15 - 12) * 1.5
	 -->
	
	<input id="gl" type="text" placeholder="请输入行驶公里数"><br>
	
	<button onclick="calc()">计算</button>
	
	<p id="result"></p>
	
	<script>
		
		function calc(){
			// 1.获取公里数
			var gl = document.getElementById("gl").value;
			// 声明变量用于记录最后的价格
			var money;
			
			// 2.判断公里数,按照阶梯进行计算
			if (gl <= 2){
				// 起步价
				money = 8
			}else if(gl <= 12){
				// 起步价 + (公里数 - 起步价包含公里) * 1.2
				money = 8 + (gl - 2) * 1.2
			}else{
				// 8起步价 + 10公里1.2元 + (公里 - 12) *1.5
				money = 20 + (gl - 12) * 1.5
			}
			
			// 3.渲染结果到页面上
			var rsP = document.getElementById("result")
			rsP.innerText = "应付金额：" + money + "元。"
		}
		
	</script>
	
</body>
</html>

回收旧老婆

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JS出租车计算器

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...
复制链接

扫一扫