编写一个HTML文件,要求运用Javascript代码,对用户输入的测试成绩给予评价,成绩60分一下为不合格、60—7

JavaScript021

编写一个HTML文件,要求运用Javascript代码,对用户输入的测试成绩给予评价,成绩60分一下为不合格、60—7,第1张

<html>

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