小白js网课作业

最新推荐文章于 2024-08-03 17:05:14 发布

狗狗显卡

最新推荐文章于 2024-08-03 17:05:14 发布

阅读量98

点赞数 1

文章标签： javascript 开发语言 ecmascript jquery

本文链接：https://blog.csdn.net/gougouxianka/article/details/139357919

版权

要求：

（1）创建网页并编写HTML基本结构（2分）

（2）提示用户输入6个学生成绩，保存在数组中（2分）

（3）计算总分（2分）

（4）计算平均分（2分）

（5）将总分和平均分分两行，显示在页面的一个表格中（2分）

我的实现方法

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script>
		
		const timeArr = new Array(6);
		var tt=0;
		for (var i=0;i<timeArr.length;i++){
			
			var ss=prompt("请输入成绩")
			timeArr[i]= Number(ss);
		}
		
		
		const sum = timeArr.reduce((acc, curr) => {
		    return acc + (typeof curr === 'number' ? curr : 0);
		}, 0);
		
		console.log("数组总和为：" + sum); 
		console.log("平均"+sum/timeArr.length)
		console.log(timeArr)
		
	</script>
	<style>
		table{
			border: 1px solid blue;
			margin: 0 auto;
		}
	</style>
	<body>
		
		<table>
			<tr>
				<td>总分是</td>
				<td><p id="demo">1</p></td>
			</tr>
			<script>
			document.getElementById("demo").innerHTML=sum;
			</script>
				
			<tr>
				<td>平均分是</td>
				<td> <p id="deeo">1</p></td>
				<script>
				document.getElementById("deeo").innerHTML=parseFloat(sum/timeArr.length);
				</script>
			</tr>
		</table>
	</body>
</html>