班级成绩计算表

最新推荐文章于 2020-07-30 20:15:45 发布

原创最新推荐文章于 2020-07-30 20:15:45 发布 · 416 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文介绍了一个用于计算1401班学生学习成绩的表格，包括班级总成绩、最高成绩、最低成绩、平均成绩以及成绩排序等功能。通过JavaScript实现，用户可以输入班级人数和每个学生的成绩，系统将自动计算并显示各项指标。

1401班成绩计算表

班级名称：
请输入班级人数：
班级总成绩：
最高成绩：
最低成绩：
平均成绩：
成绩高低排序：

<script>
	function $id(a) {
		return document.getElementById(a);
	};
	var bname = $id("bname");
	var num = $id("num");
	var sum = $id("sum");
	var max = $id("max");
	var min = $id("min");
	var avg = $id("avg");
	var btn = $id("btn");
	var sortScore = $id("sortScore");
	var arr = [];

	btn.onclick = function () {
		for (var i = 0; i < num.value; i++) {
			var a = prompt();
			if (Number(a) <= 100 && Number(a) >= 0) {
				arr[i] = Number(a);
			} else {
				alert('输入有误，请重新输入');
				i--;
			}
		};

		sum.value = arr.reduce(function (pre, next, index) {
			return pre + next;
		});

		max.value = arr.sort(function (a, b) { return b - a })[0];
		min.value = arr.sort(function (a, b) { return a - b })[0];
		avg.value = sum.value / num.value;
		sortScore.innerHTML = arr.sort(function (a, b) { return b - a });
	}

</script>