<!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>