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