JavaScript循环输入一批学生的成绩,求最高分
时间: 2023-12-14 19:05:46 浏览: 58
以下是使用JavaScript编写的代码,可以循环输入一批学生的成绩,并求出最高分:
```javascript
var scores = []; // 定义一个数组存储学生的成绩
var maxScore = 0; // 定义一个变量存储最高分
// 循环输入学生的成绩
while (true) {
var score = prompt("请输入学生的成绩:"); // 弹出输入框,要求用户输入成绩
if (score === null) { // 如果用户点击了取消按钮,则退出循环
break;
}
score = parseInt(score); // 将输入的字符串转换为整数
if (isNaN(score)) { // 如果输入的不是数字,则提示用户重新输入
alert("请输入数字!");
continue;
}
scores.push(score); // 将成绩添加到数组中
}
// 遍历数组,找出最高分
for (var i = 0; i < scores.length; i++) {
if (scores[i] > maxScore) {
maxScore = scores[i];
}
}
// 输出最高分
alert("最高分是:" + maxScore);
```
使用方法:
1. 在HTML文件中添加一个按钮,用于触发JavaScript代码的执行:
```html
<button onclick="findMax()">求最高分</button>
```
2. 在JavaScript文件中编写`findMax()`函数,用于实现输入成绩和求最高分的功能:
```javascript
function findMax() {
var scores = []; // 定义一个数组存储学生的成绩
var maxScore = 0; // 定义一个变量存储最高分
// 循环输入学生的成绩
while (true) {
var score = prompt("请输入学生的成绩:"); // 弹出输入框,要求用户输入成绩
if (score === null) { // 如果用户点击了取消按钮,则退出循环
break;
}
score = parseInt(score); // 将输入的字符串转换为整数
if (isNaN(score)) { // 如果输入的不是数字,则提示用户重新输入
alert("请输入数字!");
continue;
}
scores.push(score); // 将成绩添加到数组中
}
// 遍历数组,找出最高分
for (var i = 0; i < scores.length; i++) {
if (scores[i] > maxScore) {
maxScore = scores[i];
}
}
// 输出最高分
alert("最高分是:" + maxScore);
}
```
3. 在CSS文件中添加样式,美化页面:
```CSS
button {
padding: 10px;
font-size: 16px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #3e8e41;
}
```