用HTML if对一个学生的考试成绩进行等级的划分,分数在90到100为优秀,分数在80到90分为优秀为良好,分数在70到80分为中等,分数在60到70分为几个,分数小于60则为不及格
时间: 2024-03-20 18:38:33 浏览: 68
您可以使用以下 HTML 代码实现该功能:
```html
<!DOCTYPE html>
<html>
<head>
<title>成绩等级划分</title>
</head>
<body>
<h2>成绩等级划分</h2>
<p>请输入学生的成绩:</p>
<input type="text" id="score">
<button onclick="getGrade()">确定</button>
<p id="result"></p>
<script>
function getGrade() {
var score = document.getElementById("score").value;
if (score >= 90 && score <= 100) {
document.getElementById("result").innerHTML = "优秀";
} else if (score >= 80 && score < 90) {
document.getElementById("result").innerHTML = "良好";
} else if (score >= 70 && score < 80) {
document.getElementById("result").innerHTML = "中等";
} else if (score >= 60 && score < 70) {
document.getElementById("result").innerHTML = "及格";
} else if (score < 60) {
document.getElementById("result").innerHTML = "不及格";
} else {
document.getElementById("result").innerHTML = "请输入有效的成绩";
}
}
</script>
</body>
</html>
```
当用户在输入框中输入成绩并点击确定按钮后,JavaScript 代码会根据成绩的范围来显示相应的等级在页面上。
阅读全文