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

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

    目录

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

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

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

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

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

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

            

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 		
    10. 			
    11. 		script>
    12. 	body>
    13. html>

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var people = prompt('输入班级人数')
    10. 		
    11. 			
    12. 		script>
    13. 	body>
    14. html>

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

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

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

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var people = prompt('输入班级人数')
    10. 			for(var  i=1;i<=people;i++){
    11. 				var sex = prompt('请输入第'+i+'位学生的成绩');
    12. 			
    13. 			}
    14. 	
    15. 			
    16. 			
    17. 		script>
    18. 	body>
    19. html>

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

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var people = prompt('输入班级人数')
    10. 			var sum = 0;
    11. 			var sop = 0;
    12. 			for(var  i=1;i<=people;i++){
    13. 				var sex = prompt('请输入第'+i+'位学生的成绩');
    14. 				
    15. 			}
    16. 		
    17. 			
    18. 			
    19. 		script>
    20. 	body>
    21. html>

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var people = prompt('输入班级人数')
    10. 			var sum = 0;
    11. 			var sop = 0;
    12. 			for(var  i=1;i<=people;i++){
    13. 				var sex = prompt('请输入第'+i+'位学生的成绩');
    14. 				
    15. 				sum = sum + sex;
    16. 			}sop = sum / people;
    17. 			alert('总分为'+sum+ '平均分数为'+sop)
    18. 			
    19. 			
    20. 		script>
    21. 	body>
    22. html>

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

     

     

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

     

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var people = prompt('输入班级人数')
    10. 			var sum = 0;
    11. 			var sop = 0;
    12. 			people= Number(people)
    13. 			for(var  i=1;i<=people;i++){
    14. 				var sex = prompt('请输入第'+i+'位学生的成绩');
    15. 				sex = Number(sex)
    16. 				sum = sum + sex;
    17. 			}sop = sum / people;
    18. 			alert('总分为'+sum+ '平均分数为'+sop)
    19. 			
    20. 			
    21. 		script>
    22. 	body>
    23. html>

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

     

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

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>title>
    6. 	head>
    7. 	<body>
    8. 		<script>
    9. 			var people = prompt('输入班级人数')
    10. 			var sum = 0;
    11. 			var sop = 0;
    12. 			people= Number(people)
    13. 			for(var  i=1;i<=people;i++){
    14. 				var sex = prompt('请输入第'+i+'位学生的成绩');
    15. 				sex = Number(sex)
    16. 				sum = sum + sex;
    17. 			}sop = sum / people;
    18. 			alert('总分为'+sum+'\n' +'平均分数为'+sop)
    19. 			
    20. 			
    21. 		script>
    22. 	body>
    23. html>

     

     

  • 相关阅读:
    Java.lang.Class类 getConstructors()方法有什么功能呢？
    【多任务案例：猫狗脸部定位与分类】
    springsecurity实现单点登录
    Python【列表的反转与排序】
    2022-09-17青少年软件编程（C语言）等级考试试卷（五级）解析
    R 语言 ggmap 可视化集群
    上证50期权开户条件有哪些呢?开户必看！
    STM32项目 -- 选题分享（部分）
    【语音识别入门】My-Voice-Analysis
    std::vector 的使用陷阱
  • 原文地址：https://blog.csdn.net/tea_tea_/article/details/126021258