在javascript中用二维数组写出如下效果页面显示是用表格形式的

1、将5个学生的姓名和成绩输入进来并输出；2、算出总成绩；算出平均分；3、求出最高分和最低分；4、成绩排序... 1、将5个学生的姓名和成绩输入进来并输出；
2、算出总成绩；算出平均分；
3、求出最高分和最低分；
4、成绩排序展开

 我来答

1个回答

#热议# 什么是淋病？哪些行为会感染淋病？

乌微月2S
2010-12-21 · TA获得超过5037个赞

知道大有可为答主

回答量：5361

采纳率：42%

帮助的人：2836万

我也去答题访问个人页

关注

展开全部

。。。。有时间给你写

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>baidu1.html</title>

<script type="text/javascript">
var stus_array=new Array();

function addStu(){
var stu_array=new Array();
var stu_name=document.getElementById("stu_name").value;
var stu_score=document.getElementById("stu_score").value;
stu_array.push(stu_name);
stu_array.push(stu_score);
stus_array.push(stu_array);
printArray(stus_array);
}
function sortScore(){
var tmp_array=new Array();
var arr=new Array();
for(var i=0;i<stus_array.length;i++){
arr.push(stus_array[i][1]);
}
arr.sort(function(a,b){return a-b;});
//alert(arr[0]);
//document.write(arr);
for(var j=0;j<arr.length;j++){
for(var i=0;i<stus_array.length;i++){

if(arr[j]==stus_array[i][1]){
tmp_array.push(stus_array[i]);
}
}
}

//alert(tmp_array.length);
//printArray(tmp_array);
return tmp_array;
}
function sortAndPrint(){
printArray(sortScore());
}
function showHighAndLow(){
}
function getHighAndLow(){
var arr=sortScore();
var low=arr[0][1];
var high=arr[arr.length-1][1];
var output=document.getElementById("output");
var inner=output.innerHTML;
output.innerHTML=inner+"<table><tr><td>低分："+low+"</td><td>高分："+high+"</td></tr></table>";
}
function sumAndAvg(){
sum=0;
for(var i=0;i<stus_array.length;i++){
sum+=stus_array[i][1]*1;
}
avg=sum/stus_array.length;
var output=document.getElementById("output");
var inner=output.innerHTML;
output.innerHTML=inner+"<table><tr><td>总分："+sum+"</td><td>平均分："+avg+"</td></tr></table>";
}

function printArray(arr){
var output=document.getElementById("output");
var inner="<table id='stu_score' style='border:1px solid #ccc;'><tr><td>姓名</td><td>成绩</td></tr>";
for(var i=0;i<arr.length;i++){
inner+="<tr><td>"+arr[i][0]+"</td><td>"+arr[i][1]+"</td></tr>";
}
//alert(inner);
output.innerHTML=inner+"</table>";
}
</script>

</head>
<body>
<div>
<span><input type="button"value="成绩"onclick="sumAndAvg()"/></span>
<span><input type="button"value="高低分"onclick="getHighAndLow()"/></span>
<span><input type="button"value="排序"onclick="sortAndPrint()"/></span>
</div>
<div>
<div>
<span>姓名:<input type="text"name="stu_name"id="stu_name"/></span>
<span>成绩:<input type="text"name="stu_score"id="stu_score"/></span>
</div>
<div><input type="button"value="添加"onclick="addStu()"/></div>
</div>
<div id="output"></div>
</body>
</html>

基本就这个意思，输出计算结果，然后输出的地方可能有点问题，你可以分3个div显示结果。

本回答由提问者推荐