统计成绩最大值和最小值-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第3章-课后作业)

【案例3-1】 统计成绩最大值和最小值

一、案例描述

  1. 考核知识点

数组的创建

  1. 练习目标
  • 掌握创建数组的方式。
  • 了解Array.length求数组长度
  1. 需求分析

输入小明的5门成绩,计算出总分,平均分、最高分,最低分。

  1. 案例分析
  1. 效果如图3-1所示。

  1. 计算结果展示
  1. 具体实现步骤如下:
  1. 定义一个数组arr,存放5门成绩。
  2. 定义总分变量sum=0。
  3. 定义最高分变量max=0。
  4. 定义最低分变量min=100。
  5. for循环遍历数组arr。
  6. 输出结果。

二、案例实现

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>统计成绩最大值和最小值</title>
  6. </head>
  7. <body>
  8.     <script>
  9.         // 输入5门成绩,求总分,平均分、最高分,最低分
  10.         var arr = new Array(83,75,65,59.5,92);
  11.         var sum = 0;
  12.         var max = 0;
  13.         var min = 100;
  14.         for(var i=0;i<arr.length;i++){
  15.          sum += arr[i];
  16.             if(arr[i]>max){
  17.                 max = arr[i];
  18.             }
  19.             if(arr[i]<min){
  20.                 min = arr[i];
  21.             }
  22.             console.log(sum)
  23.         }
  24.         document.write('5门成绩分别是:'+arr+'<br/>')
  25.         document.write('总分是:'+ sum +'<br/>');
  26.         document.write('平均分:'+(sum / i)+'<br/>');
  27.         document.write('最高分:'+max+'<br/>');
  28.         document.write('最低分:'+min);
  29.     </script>
  30. </body>
  31. </html>

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiaozhima-dun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值