首页HTML输入一个成绩判断等级

HTML输入一个成绩判断等级

时间: 2023-08-30 14:08:10 浏览: 116

可以使用以下HTML代码来实现输入一个成绩并判断等级： ```html <!DOCTYPE html> <html> <head> <title>成绩等级判断</title> <script> function judgeGrade() { var score = parseFloat(document.getElementById("score").value); var grade = document.getElementById("grade"); if (isNaN(score)) { grade.innerHTML = "请输入有效的成绩"; } else { if (score >= 90) { grade.innerHTML = "优秀"; } else if (score >= 80) { grade.innerHTML = "良好"; } else if (score >= 70) { grade.innerHTML = "中等"; } else if (score >= 60) { grade.innerHTML = "及格"; } else { grade.innerHTML = "不及格"; } } } </script> </head> <body> <h1>成绩等级判断</h1> <label for="score">请输入成绩：</label> <input type="text" id="score" name="score"> <button onclick="judgeGrade()">判断等级</button> <p id="grade"></p> </body> </html> ``` 这段代码创建了一个简单的HTML页面，包含一个输入框用于输入成绩，一个按钮用于触发判断等级的函数，以及一个段落用于显示判断结果。通过JavaScript的判断语句，根据输入的成绩判断等级，并将结果显示在页面上。