js输入五个数判断平均分，总分，由高到低排列。。。

最新推荐文章于 2025-04-08 21:46:28 发布

转载最新推荐文章于 2025-04-08 21:46:28 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gongxuanming/p/7044466.html

文章标签：

#javascript #json #ViewUI

本文提供了一个使用JavaScript编写的简单网页应用，用于输入五个学生的分数，并计算显示这些分数的最高分、最低分、平均分及总分。同时，该应用还能够对输入的分数进行降序排列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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>