案例：随机分数

最新推荐文章于 2024-09-14 18:52:56 发布

MrXiec

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量208

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/MrXiec/article/details/108627993

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div style="text-align: center;">
			<button type="button " onclick="input()">点击以获取成绩</button>
		</div>
		<form action="#" method="get">
			<table border="2" cellspacing="1" cellpadding="20" align="center" style="margin-top: 20px;background-color: lightcyan;">
				<tbody>
					<tr>

						<td colspan="4" style="text-align: center;">案例：优秀学生</td>
					</tr>
					<tr>
						<th>姓名</th>
						<th>总分</th>
						<th>平均分</th>
						<th>排名</th>
					</tr>
					<tr>
						<th>小明</th>
						<th id="total"></th>
						<th id="score1"></th>
						<th id="ranking1"></th>
					</tr>
					<tr>
						<th>小红</th>
						<th id="tota2"></th>
						<th id="score2"></th>
						<th id="ranking2"></th>
					</tr>
					<tr>
						<th>小王</th>
						<th id="tota3"></th>
						<th id="score3"></th>
						<th id="ranking3"></th>
					</tr>
					<tr>
						<th colspan="4" id="excellent"></th>
					</tr>
				</tbody>
		</form>
	</body>
	<script type="text/javascript">
		function input() {
			var xiaoming = [];
			var xiaohong = [];
			var xiaowang = [];
			var xiaomingAvg, xiaohongAvg, xiaowangAvg;

			function suiJishu() {
				var c = Math.ceil(Math.random() * 120);
				return c;
			}
			for (var j = 0; j <= 7; j++) {
				xiaoming.unshift(suiJishu());
				xiaohong.unshift(suiJishu());
				xiaowang.unshift(suiJishu());
			}

			function Arr(m, n) {
				return m + n;
			}
			//求平均分;
			xiaomingAvg = xiaoming.reduce(Arr) / 7;
			xiaohongAvg = xiaohong.reduce(Arr) / 7;
			xiaowangAvg = xiaowang.reduce(Arr) / 7;
			//平均分精确到小数点后两位;
			xiaomingAvg = xiaomingAvg.toFixed(2)
			xiaohongAvg = xiaohongAvg.toFixed(2)
			xiaowangAvg = xiaowangAvg.toFixed(2)
			//求排名
			var sumClassAvg = [];
			sumClassAvg.unshift(xiaomingAvg, xiaohongAvg, xiaowangAvg);
			rank = sumClassAvg.sort(function(a, b) {
				return a - b;
			})

			function text(arr) {
				if (arr == rank[0]) {
					return "第三";
				} else if (arr == rank[1]) {
					return "第二";
				} else {
					return "第一";
				}
			}
			class1 = text(xiaomingAvg);
			class2 = text(xiaohongAvg);
			class3 = text(xiaowangAvg);
			//求最优秀学生;
			var sumClassAvg = [];
			sumClassAvg.unshift(xiaomingAvg, xiaohongAvg, xiaowangAvg);
			var maxIndex = 0;
			for (var i = 1; i < sumClassAvg.length; i++) {
				if (sumClassAvg[i] > sumClassAvg[maxIndex]) {
					maxIndex = i;
				}
			}
			var maxClass = "";
			var maxAVG = 0;
			if (maxIndex == 0) {
				maxAVG = sumClassAvg[0]
				maxClass = "小明成绩最优秀"
			}
			if (maxIndex == 1) {
				maxAVG = sumClassAvg[1]
				maxClass = "小红成绩最优秀"
			}
			if (maxIndex == 2) {
				maxAVG = sumClassAvg[2]
				maxClass = "小王成绩最优秀"
			}

			var komyo1 = document.getElementById("total");
			var komyo2 = document.getElementById("score1");
			komyo1.innerHTML = xiaoming.reduce(Arr);
			komyo2.innerHTML = xiaomingAvg;
			var Xiaohong1 = document.getElementById("tota2");
			var Xiaohong2 = document.getElementById("score2");
			Xiaohong1.innerHTML = xiaohong.reduce(Arr);
			Xiaohong2.innerHTML = xiaohongAvg;
			var Joker1 = document.getElementById("tota3");
			var Joker2 = document.getElementById("score3");
			Joker1.innerHTML = xiaowang.reduce(Arr);
			Joker2.innerHTML = xiaowangAvg;
			var youxiu = document.getElementById("excellent");
			youxiu.innerHTML = maxClass + "平均成绩为" + maxAVG;
			var chengji1 = document.getElementById("ranking1");
			var chengji2 = document.getElementById("ranking2");
			var chengji3 = document.getElementById("ranking3");
			chengji1.innerHTML = class1;
			chengji2.innerHTML = class2;
			chengji3.innerHTML = class3;
		}
	</script>
</html>