您的位置:首页 > Web前端 > JavaScript

js if语句多个条件判断

2018-03-01 00:00 429 查看
<!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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js if
相关文章推荐