用HTML写期末考试结束后，老师经常需要统计每位学生的总成绩，接下来将利用代码实现统计每位学生的总成绩吗，并使用冒泡排序成绩由大到小排序后输出。
时间: 2023-05-17 12:05:43 浏览: 105
当然可以，以下是代码实现：
```html
<!DOCTYPE html>
<html>
<head>
<title>统计成绩并排序</title>
</head>
<body>
<table>
<tr>
<th>学生姓名</th>
<th>语文成绩</th>
<th>数学成绩</th>
<th>英语成绩</th>
<th>总成绩</th>
</tr>
<tr>
<td>张三</td>
<td>80</td>
<td>90</td>
<td>85</td>
<td></td>
</tr>
<tr>
<td>李四</td>
<td>75</td>
<td>85</td>
<td>90</td>
<td></td>
</tr>
<tr>
<td>王五</td>
<td>90</td>
<td>80</td>
<td>95</td>
<td></td>
</tr>
<tr>
<td>赵六</td>
<td>85</td>
<td>95</td>
<td>80</td>
<td></td>
</tr>
</table>
<button onclick="calculate()">统计成绩并排序</button>
<script>
function calculate() {
var table = document.getElementsByTagName("table")[0];
var rows = table.rows;
for (var i = 1; i < rows.length; i++) {
var row = rows[i];
var tds = row.getElementsByTagName("td");
var total = 0;
for (var j = 1; j < tds.length - 1; j++) {
total += parseInt(tds[j].innerHTML);
}
tds[tds.length - 1].innerHTML = total;
}
var trs = Array.prototype.slice.call(rows, 1);
trs.sort(function(a, b) {
return parseInt(b.lastChild.innerHTML) - parseInt(a.lastChild.innerHTML);
});
for (var i = 0; i < trs.length; i++) {
table.appendChild(trs[i]);
}
}
</script>
</body>
</html>
```
这段代码可以实现统计每位学生的总成绩，并使用冒泡排序将成绩由大到小排序后输出。
相关推荐
最新推荐
用汇编语言实现学生成绩统计分析
用汇编语言实现学生成绩统计分析,实验内容：编制一个程序，统计低于60分，60～69分，70～79分，80～89分，90～99分和100分的人数，并输出显示统计结果。1、成绩分等部分采用分支结构，统计所有成绩则用循环结构完成...
java实现学生成绩录入系统
主要为大家详细介绍了java实现学生成绩录入系统，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
学生成绩管理系统（数据结构）实验报告.docx
期末实践周必备（数据结构）学生成绩管理系统，基于C语言完成的，百分百作者原创，资源保证！
2021年冬北航研究生课程之数理统计课后习题详解及个人理解_纯手写106页
数理统计期末考试的体型比较统一，其实不用复习的这么全面，就实际情况来看，好多同学只刷了刷历年考题也都取得了接近满分的成绩，但我个人比较喜欢较劲，所有课后习题都认真理解了一下，还是很详细的，有需要的可以...
网络攻防期末考试精选简答题.pdf
包含了网络攻防-信息安全方面的大多数基础理论知识，适合于要期末考试的计算机大学生群体，帮助学生快速找到网络攻防知识重点，助力拿高分！本PDF共13页，包含网络攻防技术十章内容。有误请联系本人，谢谢！ 网络...
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
MATLAB取整函数与Web开发的作用：round、fix、floor、ceil在Web开发中的应用
# 1. MATLAB取整函数概述**
MATLAB取整函数是一组强大的工具，用于对数值进行
我想做python的算法工程师，我应该学什么？学习的顺序是什么？网上有什么推荐的免费课程吗？回答具体精确一点不要太笼统
对于想要成为 Python 算法工程师的人来说，他们应该先从掌握 Python 的基础语法开始，然后学习数据结构和算法，并且要深入了解 Python 中的一些科学计算和数据处理库，比如 NumPy、Pandas 等。
学习的顺序可以是先学习基础语法和编程技巧，然后再学习数据结构和算法相关的知识，最后深入了解数据处理和科学计算相关的库。
对于免费课程的推荐，我建议你可以先去 Coursera、edX、Udacity 等网站上寻找相关课程，这些网站上有很多优质的 Python 编程和算法课程，你可以根据自己的需求和学习进度进行选择。此外，还可以考虑一些在线编程网站，如 HackerRank、L
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。