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>