用js php如何实现显示矩形条分数等级

JavaScript017

用js php如何实现显示矩形条分数等级,第1张

说得有点抽象,具体是什么要瓣分数等级?

我说说逻辑吧

1, php从数据库读取分数等级数据

2, js 拿到数据,比如ajax形式取得数据,亦可以是php直接将数据返回到页面中

3,js通过数据进行简单计算并显示,具体显示什么样要看lz的需求 ,可以用html+css显示,也可以用图表的形式展示

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