创建html文件,文件中定义变量score,根据输入的百分制成绩判定是否合格,弹窗输出结果
时间: 2024-09-26 12:17:33 浏览: 22
c代码-输入某学生的成绩,经处理后给出学生的等级,等级分类如下: 90分以上(包括90): A 80至90分(包括80):B 70至80分(包括70):C 60至70分(包括60):D 60分以下:E
创建HTML文件并结合一些JavaScript来完成这个功能的话,你可以按照以下步骤操作:
1. **创建基本结构**:
首先,你需要在一个`.html`文件中设置基础的HTML结构,包含一个用于用户输入分数的输入框、提交按钮以及显示结果的区域。
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>成绩评估</title>
</head>
<body>
<label for="score">请输入百分制成绩:</label>
<input type="number" id="score" name="score">
<button onclick="evaluateScore()">提交</button>
<div id="result"></div>
<script src="script.js"></script>
</body>
</html>
```
2. **添加JavaScript**:
在`script.js`文件中编写函数`evaluateScore()`,它会获取输入框的值,判断是否合格,并在页面上显示结果。
```javascript
function evaluateScore() {
var scoreInput = document.getElementById("score");
var score = parseInt(scoreInput.value);
if (isNaN(score) || score < 0 || score > 100) {
alert('请输入有效的百分制成绩!');
} else {
var result;
if (score >= 60) {
result = '合格';
} else {
result = '不合格';
}
document.getElementById("result").innerText = `成绩:${score} 分,评价:${result}`;
}
}
```
阅读全文