Javascript中for循环基础练习题弹出输入框接收班级人数，根据人数接收分数，计算班级平均数与总分数

80 阅读 0 评论 53 点赞

我是靠谱客的博主务实便当，最近开发中收集的这篇文章主要介绍Javascript中for循环基础练习题弹出输入框接收班级人数，根据人数接收分数，计算班级平均数与总分数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

前言：本人写的不是很好，如果有改进建议欢迎私信提出，谢谢

首先第一步：老规矩了，但这次我们要带上script部分的框架

第二步：根据需求我们先写一个接收班级人数的输入框

第三步：根据接收的人数多少来接收相应的分数

第四步：定义两个变量来接收平均数和总数

第五步：写上平均数和总数的语句

第六步：给sum和sex都加上一个数值类型的转换

首先第一步：老规矩了，但这次我们要带上script部分的框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		
			
		</script>
	</body>
</html>

第二步：根据需求我们先写一个接收班级人数的输入框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var people = prompt('输入班级人数')
		
			
		</script>
	</body>
</html>

第三步：根据接收的人数多少来接收相应的分数

这里是个重点，题目的关键就在这，别的都很简单，这个如果想出来了，很快就搞定了

这里的话本人也纠结了很长时间才搞明白，这里我先把思路说一下

1.这里我们如果直接写一个接收框肯定是不行的，那样无法根据我们输入的人数弹出相应的次数，因而这里我们就要借助循环，根据for循环的特性，我们在for循环里写上弹出输入框，

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var people = prompt('输入班级人数')
			for(var  i=1;i<=people;i++){
				var sex = prompt('请输入第'+i+'位学生的成绩');
			
			}
	
			
			
		</script>
	</body>
</html>

这里的话思路就是people变量是我们输入的人数，而我们在for循环里定义i让他反复执行，i会等于1.2.3.4....你输入多少，他最大就到多少，这样正好实现的我们想要的效果

第四步：定义两个变量来接收平均数和总数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var people = prompt('输入班级人数')
			var sum = 0;
			var sop = 0;
			for(var  i=1;i<=people;i++){
				var sex = prompt('请输入第'+i+'位学生的成绩');
				
			}
		
			
			
		</script>
	</body>
</html>

第五步：写上平均数和总数的语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var people = prompt('输入班级人数')
			var sum = 0;
			var sop = 0;
			for(var  i=1;i<=people;i++){
				var sex = prompt('请输入第'+i+'位学生的成绩');
				
				sum = sum + sex;
			}sop = sum / people;
			alert('总分为'+sum+ '平均分数为'+sop)
			
			
		</script>
	</body>
</html>

到这里大家看起来是不是好像可以了，接下来我们演示一下，我们输入两个学生，成绩均为10

大家看这是不是很奇怪，总分数是01010，平均数到没错。但总分数错了，这里是因为promput接收到的是字符串类型的，sum变量我们定义的值是0，然后又加上两个10，这就出现了字符串拼接的效果，所以这里我们要给sum和sex都加上一个数值类型的转换

第六步：给sum和sex都加上一个数值类型的转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var people = prompt('输入班级人数')
			var sum = 0;
			var sop = 0;
			people= Number(people)
			for(var  i=1;i<=people;i++){
				var sex = prompt('请输入第'+i+'位学生的成绩');
				sex = Number(sex)
				sum = sum + sex;
			}sop = sum / people;
			alert('总分为'+sum+ '平均分数为'+sop)
			
			
		</script>
	</body>
</html>

这样就达到了题目所需要的效果，同样我们还输入两个学生，成绩均为10

这里的话我们稍微优化一下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var people = prompt('输入班级人数')
			var sum = 0;
			var sop = 0;
			people= Number(people)
			for(var  i=1;i<=people;i++){
				var sex = prompt('请输入第'+i+'位学生的成绩');
				sex = Number(sex)
				sum = sum + sex;
			}sop = sum / people;
			alert('总分为'+sum+'n' +'平均分数为'+sop)
			
			
		</script>
	</body>
</html>