有点捞，html简易的js实现成绩录入系统

带你看雪.

已于 2022-07-29 09:30:57 修改

阅读量1.7k

点赞数 5

文章标签： html5 chrome node.js

于 2022-07-15 16:27:36 首次发布

本文链接：https://blog.csdn.net/qq_45694924/article/details/125807188

版权

先看效果图：
在这里插入图片描述

分析：
写的很简单，就是一个单纯的js实现。话不多说直接放代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>捞的扣出三室一厅</title>
	</head>
	<body>
		<p>成绩录入系统</p>
		各成绩如下：<br/>
		<script>
			var sum = 0;//用来统计总成绩
			var score = [];//存放每一次输入的成绩
			//循环
			while(confirm('是否还有分数录入？')){//因为confiem的返回值类型是Boolean值，可以作为条件
				//录入弹窗
				var one = prompt('请录入分数：');
				if (!isNaN(one)){//判断是否为数字
					score.push(Number(one))//因为prompt是一个字符型，所以要转换为数字才能进行运算
				}
				console.log(score);
			}	
			for(one of score){
				document.write(one,'<br/>');打印
				sum += one;
			}
			document.write('总成绩=',sum,'<br/>');
			document.write('平均分=',sum/score.length);
		</script>
	</body>
</html>