网页中根据输入的成绩给子评价html
时间: 2024-02-05 22:14:06 浏览: 30
以下是一个简单的 HTML 代码,可以根据输入的成绩给出相应的评价:
```html
<!DOCTYPE html>
<html>
<head>
<title>成绩评价</title>
</head>
<body>
<h1>成绩评价</h1>
<form>
<label>请输入成绩:</label>
<input type="number" id="score" name="score">
<button type="button" onclick="evaluate()">评价</button>
</form>
<p id="result"></p>
<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 >= 70) {
result.innerHTML = "中等";
} else if (score >= 60) {
result.innerHTML = "及格";
} else {
result.innerHTML = "不及格";
}
}
</script>
</body>
</html>
```
在这个 HTML 页面中,我们使用了一个表单来输入成绩,包括一个输入框和一个按钮。当用户点击按钮时,我们调用了一个 JavaScript 函数 `evaluate()` 来评价成绩,并将结果输出到一个段落元素中。
在 `evaluate()` 函数中,我们首先获取了输入框中的成绩值,然后根据不同的分数范围给出相应的评价,并将评价结果设置为段落元素的内容。这里我们使用了 if-else 语句来进行条件判断。