条件表达式的嵌套

最新推荐文章于 2023-02-22 10:29:56 发布

因火成烟

最新推荐文章于 2023-02-22 10:29:56 发布

阅读量1.8k

点赞数

文章标签： web前端 js

本文链接：https://blog.csdn.net/thefoma/article/details/45176617

版权

通过比较2个数的大小，我没有使用Math.max函数来实现，通过条件表达式同样可以

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#outer {
			margin: 0 auto;
			width: 500px;
		}
	</style>
</head>

<body>
	<div id="outer">
		<input type="text"> <span>vs</span>
		<input type="text">
		<button type="button">最大的数是></button>
		<span>?</span>
	</div>
	<script>
		var oInput = document.getElementsByTagName("input");
		var oBtn = document.getElementsByTagName("button")[0];
		var oSpan = document.getElementsByTagName("span")[1];
		for (var i = 0; i < oInput.length; i++) {
			oInput[i].onkeyup = function () {
				this.value = this.value.replace(/[^\d]/, "");
			}
		}
		oBtn.onclick = function () {
			(oInput[0].value == "" || oInput[1].value == "") ?
			alert("不能为空"): (oSpan.innerHTML = oInput[0].value > oInput[1].value ? oInput[0].value : oInput[1].value)
		}
	</script>
</body>

</html>

根据条件表达式的特征：结果只有真假，2个数比较大小也是，一个为小，另一个必为大；

我在控制input的输入控制时，添加进条件表达式比较2个数的大小；

优惠劵

因火成烟

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
条件表达式的嵌套

通过比较2个数的大小，我没有使用Math.max函数来实现，通过条件表达式同样可以 Document #outer { margin: 0 auto; width: 500px; } vs 最大的数是> ? var oInput = document.getElementsByTagName("input");
复制链接

扫一扫