JS学习二：初级密码检测+初级数据有效性检测

最新推荐文章于 2022-05-14 10:44:22 发布

Bug码畜

最新推荐文章于 2022-05-14 10:44:22 发布

阅读量634

点赞数

分类专栏： JS基础案例文章标签： javascript

本文链接：https://blog.csdn.net/qq_52158380/article/details/121937909

版权

JS基础案例专栏收录该内容

4 篇文章 1 订阅

订阅专栏

初级密码检测主主体：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初级密码检测</title>
	</head>
	<body>
		<script type="text/javascript">
			var pwd=123456;
			var inputpwd=prompt("请输入密码：","");
			inputpwd == pwd ? alert("密码输入正确。") : alert("密码输入错误");
		</script>
	</body>
</html>

代码解析
除开var外其他包含较陌生的代码有：
==
？
：
其中“==”属于比较运算符。
比较运算符有七种
先假设x=5

运算符	描述	例子	结果
==	等于	x==8	false
===	全等于，包括值和类型	x==5; x ===“5”	true;false
!=	不等于	x!=8	true
>	大于	x>8	false
>=	大于等于	x>=8	false
<	小于	x<8	true
<=	小于等于	x<=8	true

“?” 属于三目运算符
一般三目运算符结构如下：
条件语句？true语句：false语句
首先判断？前的语句是true还是false，如果为true，则运行:前面的语句，如果判断结果为false就运行:后面的语句。

运算符讲了比较运算符就不能少逻辑运算符，一定会用的到。
首先假设x=5,y=8

运算符	描述	例子	结果
&&	与(并且，同时)	(x<10&&y<5)	false
II	或(或者，二者取其一)	(x<10IIy>5)	true
!	非(取非)	!(x==y)	true

初级数据有效性检测
主体代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数据有效性检测</title>
	</head>
	<body>
		<script type="text/javascript">
			var a = prompt("请输入一个数(该数在0~255之间):","")
			a>=0&&a<=255?alert("输入数在0~255之间"):alert("输入数在0~255之外");
		</script>
	</body>
</html>

先前将运算符与代码隔开是为更清晰辨认，熟悉以后还是贴着更顺眼。
上述代码除开变量赋值，其余用到了运算符，?前面的语句判断输入的变量a是否在0~255之间，如果在0 _{255之间，也就是逻辑运算符判断为true，则运行`:`前的语句，弹出一个弹窗，显示输入的数在0}255之间。如果输入的数被判断为false，则运行:后的语句，弹出弹窗显示输入数在0~255之外。