使用javascript,用数组实现接收用户输入的9门课的成绩,然后在页面上显示总分和平均分,并显示低于60分的成绩
时间: 2024-11-03 10:18:48 浏览: 20
在JavaScript中,你可以通过创建一个数组来存储用户的九门课程成绩,然后计算总分、平均分以及低于60分的成绩。下面是一个简单的示例:
```javascript
// 创建一个空数组来存储成绩
let scores = [];
// 接收用户输入的九门课程成绩,这里仅展示如何获取,实际应用中可能需要HTML表单或者其他交互方式
for (let i = 0; i < 9; i++) {
let score = prompt("请输入第" + (i+1) + "门课程的成绩:");
if (score && Number.isFinite(score)) { // 验证输入是否有效并转换成数字
scores.push(Number(score));
} else {
alert("无效输入,请输入一个数字!");
}
}
// 计算总分
let totalScore = scores.reduce((sum, curr) => sum + curr, 0);
// 计算平均分
let averageScore = totalScore / scores.length;
// 显示总分和平均分
document.getElementById('total-score').innerText = `总分: ${totalScore}`;
document.getElementById('average-score').innerText = `平均分: ${averageScore.toFixed(2)}`;
// 检查并显示低于60分的成绩
let belowSixtyScores = scores.filter(score => score < 60);
if (belowSixtyScores.length > 0) {
document.getElementById('low-scores').innerText = `低于60分的成绩有: ${belowSixtyScores.join(", ")}`;
} else {
document.getElementById('low-scores').innerText = "所有分数都在60分及以上";
}
```
在这个示例中,我们首先创建一个`scores`数组,然后通过循环和`prompt()`函数获取用户输入。接下来计算总分和平均分,并在页面上更新相应元素的内容。最后,我们使用`filter()`方法找出低于60分的成绩并显示出来。
注意:这个例子假设你已经有了一个HTML结构,其中包含id为'total-score', 'average-score', 和 'low-scores' 的元素,用于显示结果。
阅读全文