1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>js练习 js是脚本语言直接运行在浏览器上的。</title>
6 <script type="text/javascript">
7 function jisuan() {
8 var a = parseFloat(document.getElementById("num1").value);
9 var b = parseFloat(document.getElementById("num2").value);
10 var c = parseFloat(document.getElementById("num3").value);
11 var d = parseFloat(document.getElementById("num4").value);
12 var e = parseFloat(document.getElementById("num5").value);
13 var getArray = new Array(a, b, c, d, e);
14 var max = a;
15 var min = a;
16 var sum = 0;
17 for (var i = 0; i < getArray.length; i++) {
18 sum += getArray[i];
19 if (getArray[i] > max) {
20 max = getArray[i];
21 }
22 if (getArray[i] < min) {
23 min = getArray[i];
24 }
25
26 }
27 var avg = sum / getArray.length;
28 document.getElementById("highscore").value = max;
29 document.getElementById("lowscore").value = min;
30 document.getElementById("avgscore").value = avg;
31 document.getElementById("total").value = sum;
32
33 document.getElementById("span01").innerHTML = getArray.sort(getNum);
34 function getNum(a, b) {
35 return b-a;
36 }
37 }
38 </script>
39 </head>
40 <body>
41 请输入第一个学生分数:<input type="text" id="num1"><br>
42 请输入第二个学生分数:<input type="text" id="num2"><br>
43 请输入第三个学生分数:<input type="text" id="num3"><br>
44 请输入第四个学生分数:<input type="text" id="num4"><br>
45 请输入第五个学生分数:<input type="text" id="num5"><br>
46 <input type="button" value="计算" onclick="jisuan()">
47 最高分:<input type="text" id="highscore"><br>
48 最低分:<input type="text" id="lowscore"><br>
49 平均分:<input type="text" id="avgscore"><br>
50 总分:<input type="text" id="total"><br>
51 从高到底排列:<span id="span01"></span>
52
53 </body>
54 </html>