首页html网页如何在网页中根据输入的成绩给予评价

html网页如何在网页中根据输入的成绩给予评价

时间: 2024-02-01 10:16:47 浏览: 22

可以使用JavaScript来根据输入的成绩给予评价。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>成绩评价</title> <script> function evaluate() { var score = document.getElementById("score").value; var result = document.getElementById("result"); if (score >= 90) { result.innerHTML = "优秀"; } else if (score >= 80) { result.innerHTML = "良好"; } else if (score >= 60) { result.innerHTML = "及格"; } else { result.innerHTML = "不及格"; } } </script> </head> <body> <label>请输入成绩：</label> <input type="text" id="score"> <button onclick="evaluate()">评价</button> <div id="result"></div> </body> </html> ``` 在上面的代码中，我们首先在页面中添加了一个输入框和一个按钮，当用户输入成绩并点击按钮时，就会调用`evaluate()`函数进行评价。在`evaluate()`函数中，我们通过`getElementById()`方法获取到用户输入的成绩，并根据不同的分数范围给出不同的评价，最后把评价显示在页面上。