标题等级评定测试
作为萌新小白的我要注意几点：
判断是否为空
判断是否是数字能否验证通过
判断边界值
为了不弹出多个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>
1399
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
