码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 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. script>
    10. body>
    11. 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. script>
    11. body>
    12. 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. script>
    14. body>
    15. 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. script>
    16. body>
    17. 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. sum = sum + sex;
    15. }sop = sum / people;
    16. alert('总分为'+sum+ '平均分数为'+sop)
    17. script>
    18. body>
    19. 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. script>
    20. body>
    21. 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. script>
    20. body>
    21. html>

     

     

  • 相关阅读:
    Shader Graph的用法初探
    【计算机组成原理】第三章单元测试
    AI大模型落地大考,浪潮交出了怎样的答卷?
    [附源码]Python计算机毕业设计Django公益组织登记与查询系统论文
    AFL模糊测试+GCOV覆盖率分析
    顺子日期(蓝桥杯)
    【Java】之Java8新特性
    vscode远程调试c++
    【2023,学点儿新Java-27】是的——C语言中的const关键字 | 附:按照类型 快速了解与划分:C语言中的关键字 | goto关键字解释
    Vulnhub靶场之matrix-breakout-2-morpheus
  • 原文地址:https://blog.csdn.net/tea_tea_/article/details/126021258
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号