没有完美的程序，只有不断追求完美的码农.#手动狗头

最新推荐文章于 2021-12-05 12:19:56 发布

eternity_w

最新推荐文章于 2021-12-05 12:19:56 发布

阅读量448

点赞数 1

分类专栏：笔记文章标签： javascript html html5

本文链接：https://blog.csdn.net/eternity_w/article/details/103814597

版权

笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

标题等级评定测试

作为萌新小白的我要注意几点：
判断是否为空
判断是否是数字能否验证通过
判断边界值
为了不弹出多个alert 会用return 来加固代码条件，只要不合格就不继续向下执行代码
…(ing)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="score" />
		<button type="button" id="btn">等级评定</button>
		<script type="text/javascript">
			var oBtn = document.getElementById("btn");
			var oScore = document.getElementById("score");
			//绑定事件
			oBtn.onclick = function() {
				//提取value值
				var score = oScore.value;
				console.log(score);
				//1.判断是否为空值 空的字符串
				if (score == "") {
					alert("成绩不能为空！");
					return;
				}
				//2.判断是否是数字 isValid是否验证通过  是否有效 
				//如果判断是否是数字 虽然有隐式转换 但也是会出现小bug的
				var isValid=isNaN(score);
				if(isValid==true){
					alert("不是一个有效的数字，请重新输入！");
					return;
				}
				//3.判断边界值(0-100之间)
				if(score>100||score<0){
					alert("成绩应该在0-100之间，请重新输入！");
					return;
				}
				//等级评定
				if(score>=90 && score<=100){
					alert("成绩等级：优秀");
				}
				if(score>=80 && score<90){
					alert("成绩等级：良好");
				}
				if(score>=70 && score<80){
					alert("成绩等级：及格");
				}
				if(score>=0 && score<70){
					alert("成绩等级：不及格");
				}
				
			}
		</script>
	</body>
</html>