用于学生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！");
}
实战升级1
1、弹窗提示用户要输入Web程序设计成绩的学生人数，并对每个学生的成绩进行打分，打分后立即弹窗告知分数对应的等级
思路：
对当前代码新增需求：针对多个同学进行分数统计，获取有几个同学要登录成绩，进行输出：
第一步：获取学生数量，并判断数据是否正确：
let student_number = prompt("请输入需要分数统计的同学数量:");
//判断：判断数据是否正常
if (isNaN(student_number) || !Number.isInteger(Number(student_number)) || student_number < 1) {
alert("同学数量有误!");
} else {
......//要更新的内容
}
第二步：根据学生数量，循环获取每一位同学的分数并展示。
....else {
for (let index = 1; index <= student_number; index++) {
let score = prompt("请输入第"+index+"个同学的成绩");//修改此处代码
if (isNaN(score) || !Number.isInteger(Number(score))) {
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！");
}
}
}
实战升级2
在输入完所有同学的成绩后，通过程序分析出获得每个获得等级的人数是多少，并展示在页面中。
对当前代码新增需求：将每个同学的等级进行归纳统计，可以在页面将等级的学生数量进行展示：
第一步：设置五个成绩分段的变量
let rank_a_count = 0;
let rank_b_count = 0;
let rank_c_count = 0;
let rank_d_count = 0;
let rank_e_count = 0;
第二步：针对每一个分数区间的同学等级数量让上述变量进行自增。
...
} else if (score >= 90) {
alert("该同学的成绩是A!");
rank_a_count++;
} else if (score >= 80) {
alert("该同学的成绩是B！");
rank_b_count++;
} else if (score >= 70) {
alert("该同学的成绩是C！");
rank_c_count++;
} else if (score >= 60) {
alert("该同学的成绩是D！");
rank_d_count++;
} else {
alert("该同学的成绩是E！");
rank_e_count++;
}
第三步：把等级数量的统计展示
//展示：
document.write("本次共计"+student_number+"位同学录入成绩等级分布如下：<br>");
document.write("获得等级A的同学人数:"+rank_a_count+"<br>");
document.write("获得等级B的同学人数:"+rank_b_count+"<br>");
document.write("获得等级C的同学人数:"+rank_c_count+"<br>");
document.write("获得等级D的同学人数:"+rank_d_count+"<br>");
document.write("获得等级E的同学人数:"+rank_e_count+"<br>");
补充：如果出现数据错误，请立即提示。
if (isNaN(score) || !Number.isInteger(Number(score))) { Number();//其他类型转数字类型， Number.isInteger()判断是否为整数
alert("输入的数据有误,请重新加载!");
}
完整代码
<script>
let rank_a_count = 0;
let rank_b_count = 0;
let rank_c_count = 0;
let rank_d_count = 0;
let rank_e_count = 0;
let student_number = prompt("请输入需要分数统计的同学数量:");
//判断：判断数据是否正常
if (isNaN(student_number) || !Number.isInteger(Number(student_number)) || student_number < 1) {
alert("同学数量有误!");
} else {
for (let index = 1; index <= student_number; index++) {
let score = prompt("请输入第" + index + "个同学的成绩");
if (isNaN(score) || !Number.isInteger(Number(score))) {
alert("输入的数据有误,请重新加载!");
} else if (score > 100 || score < 0) {
alert("输入成绩有误，该同学没有成绩");
} else if (score >= 90) {
alert("该同学的成绩是A!");
rank_a_count++;
} else if (score >= 80) {
alert("该同学的成绩是B！");
rank_b_count++;
} else if (score >= 70) {
alert("该同学的成绩是C！");
rank_c_count++;
} else if (score >= 60) {
alert("该同学的成绩是D！");
rank_d_count++;
} else {
alert("该同学的成绩是E！");
rank_e_count++;
}
}
}
//展示：
document.write("本次共计"+student_number+"位同学录入成绩等级分布如下：<br>");
document.write("获得等级A的同学人数:"+rank_a_count+"<br>");
document.write("获得等级B的同学人数:"+rank_b_count+"<br>");
document.write("获得等级C的同学人数:"+rank_c_count+"<br>");
document.write("获得等级D的同学人数:"+rank_d_count+"<br>");
document.write("获得等级E的同学人数:"+rank_e_count+"<br>");
</script>
因面向的是初学Web前端课程的学生，因此代码可能有一些逻辑问题。
