JS 案例 跳水比赛评分系统

跳水比赛评分系统

要求:
  1. 跳水比赛,8个评委打分。运动员的成绩是8个成绩取掉一个最高分,去掉一个最低分,剩下的6个分数的平均分就是最后得分。使用一维数组实现打分功能。
  2. 请把打最高分的评委和最低分的评委找出来。

HTML代码片:

<h1>评分系统</h1>
		<div>评委1:<input type="text" /></div>
		<div>评委2:<input type="text" /></div>
		<div>评委3:<input type="text" /></div>
		<div>评委4:<input type="text" /></div>
		<div>评委5:<input type="text" /></div>
		<div>评委6:<input type="text" /></div>
		<div>评委7:<input type="text" /></div>
		<div>评委8:<input type="text" /></div>
		<hr />
		<h3>得分:</h3><h4 id="res"></h4>
		<button type="button" id="bt" onclick="Mark()">评分</button>

JS代码片:

<script type="text/javascript">
			var myinput=document.querySelectorAll("input");
			var mybt=document.getElementById("bt");
			var myres=document.getElementById("res");
			function Mark(){
          
   
				var sum=0;
				var max=min=Number(myinput[0].value);
				for(var i=0;i<myinput.length;i++){
          
   
					sum+=Number(myinput[i].value)
					if(max<Number(myinput[i].value)){
          
   
						max=Number(myinput[i].value);
					}
					if(min>Number(myinput[i].value)){
          
   
						min=Number(myinput[i].value);
					}
				}
				myres.innerText="最高分:"+max+",最低分:"+min+",最后得分:"+(sum-max-min)/6
			}
		</script>

效果:

经验分享 程序员 微信小程序 职场和发展