Web前端开发小实训（一）成绩分类统计

最新推荐文章于 2024-05-11 09:00:00 发布

Gin_Zou

最新推荐文章于 2024-05-11 09:00:00 发布

阅读量1.1k

点赞数 5

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.csdn.net/qq_28198181/article/details/138258542

本文介绍了在Web前端开发课程中，通过JavaScript实现分数统计与等级比较的实训项目，包括获取用户输入、输入验证、分数区间划分以及多同学成绩统计与等级分布的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用于学生web前端开发课程实训练习，掌握基本语法和数据类型

实训目的

使用分支语句，完成分数统计与等级对比,通过输入框输入分数，可以根据分数多少划分等级。

参考思路：

分析题目：根据输入分数进行等级划分。

操作过程

第一步:获取输入弹出的分数：

 let score = prompt("请输入成绩");

第二步：判断输入的内容是否符合要求：

  if(isNaN(score) || !Number.isInteger(Number(score)) || score<0){
        alert("输入的数据有误,请重新加载!");     
}

第三步：根据分数进行等级判断

 if(isNaN(score) || score > 100 || score < 0){
                alert("输入成绩有误，结束输入!");
 }else if(score >= 90){
                alert("该同学的成绩是A!");
                        }else if(score >=80){
                alert("该同学的成绩是B！");
                        }else if(score >=70){
                alert("该同学的成绩是C！");
                        }else if(score >= 60){
                alert("该同学的成绩是D！");
                           }else{
                alert("该同学的成绩是E！");
                }