<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>算分数</title>
<script>
function cmdok_onclick(){
var score = document.getElementById("score")
var result = document.getElementById("result")
if(score.value<60) result.innerHTML="不合格"
else if(score.value<70) result.innerHTML="合格"
else if(score.value<80) result.innerHTML="中等"
else if(score.value<90) result.innerHTML="良好"
else if(score.value<100) result.innerHTML="优秀"
else if(score.value==100) result.innerHTML="满分"
else {
alert("输入错误")
score.value=""
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="" onSubmit="cmdok_onclick()return false">
成绩录入:<input type="text" id="score" onBlur="checkScore()" /><br/>
成绩显示与评价:<label id ="result" ></label><br/>
<input value="提交" type="submit">
<input value="重置" type="reset">
</form>
</body>
</html>
建立一个页面上面放一个文本框id是txt,一个输入确定按钮id是btn,一个获取最高分按钮id是btn1,js代码如下
var scores = []//成绩输入集合window.onload = function(){
//输入按钮事件
document.getElementById("btn").click = function(){
var score = document.getElementById("txt").value
scores.push(score)
}
//获取最高分按钮事件
document.getElementById("btn1").click = function(){
scores.sort(function(a,b){
if(a > b){
return 0
}else{
return 1
}
})
alert(scores[0])
}
}
<DOCTYPE HTML><html>
<head>
<title>考试成绩</title>
<script>
var tips = [
{"x>=90&&x<=100":"优"},
{"x>=80&&x<90":"优秀"},
{"x>=70&&x<80":"良好"},
{"x>=60&&x<70":"及格"},
{"x>=0&&x<60":"不及格"},
{"":"输入不正确"}
]
var ck = function(){
var v = txt.value
var miss = true
L: for(var i=0i<tips.lengthi++){
var obj = tips[i]
for(var p in obj){
var yes
try{
yes = eval(p.replace(/x/g,v))
}catch(e){}
if(yes){
result.value = obj[p]
miss = false
break L
}
}
}
if(miss) result.value = tips[tips.length-1][""]
}
</script>
</head>
<body>
<input type='text' id='txt' /><button onclick='ck()'>get</button>
<input type="text" id="result" />
</body>
</html>