在javascript中用二维数组写出如下效果 页面显示是用表格形式的
发布网友
发布时间：2024-10-13 09:03
我来回答
共1个回答
热心网友
时间：2024-11-15 02:00
。。。。 有时间给你写
<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显示结果。
