js if语句多个条件判断

最新推荐文章于 2025-09-05 19:03:14 发布

转载最新推荐文章于 2025-09-05 19:03:14 发布 · 2w 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/kitty0107/blog/1627452

文章标签：

#前端 #python #javascript #ViewUI

本文介绍了一个简单的JavaScript成绩查询系统实现方案。用户输入1到10之间的数字代表成绩，系统将根据数字的不同范围显示不同的反馈结果：1-5为未及格，6为及格，7-10为成绩优秀。若输入不符合规范，则提示用户重新输入。

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
   <meta charset="UTF-8">
<style>
*,body{
margin: 0;
padding: 0;
font-family: "微软雅黑";
text-align: center;
}
input{
margin-top:180px;
}
input + input{
cursor: pointer;
}
p{
width: 500px;
margin: 20px auto 0;
text-align:left;
}
</style>
<script>

function fnBtn(){
var zmkt=document.getElementById('zmkt');
var num=Number(zmkt.value);
/* console.log(typeof(num));*/
if(num>0 && num<6){
alert("未及格");
}else if(num==6){
alert("及格");
}else if(num>6 && num<11){
alert("成绩优秀");
}else if(num!==Number || num<1 ||num>10){
alert("请输入有效成绩");
}
}

</script>
</head>
<body>
<input id="zmkt" type="text" value="输入成绩">
<input type="button" value="查询成绩" onclick="fnBtn()">
<p>
请使用js按要求完成效果制作，点击“查询成绩”，获取“输入成绩”的值。<br />
如果“输入成绩”的值为数字“1-5”，则弹出“未及格”<br />
如果“输入成绩”的值为数字“6”，则弹出“及格”<br />
如果“输入成绩”的值为数字“7-10”，则弹出“成绩优秀”<br />
第一个数字不是数字或值不在1-10之间，则弹出请输入有效成绩。<br />
</p>
</body>
</html>