js中要求用户从键盘输入语文、数学、英语的分数,然后求出总分和平均分,然后利用警示框弹出结果
时间: 2024-09-08 15:02:47 浏览: 45
在JavaScript中,你可以创建一个简单的HTML表单来获取用户输入的语文、数学和英语成绩,然后通过计算总分和平均分,并使用`alert()`函数显示结果。以下是一个示例:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>分数计算</title>
</head>
<body>
<label for="chinese">语文:</label>
<input type="number" id="chinese" min="0" max="100"><br><br>
<label for="math">数学:</label>
<input type="number" id="math" min="0" max="100"><br><br>
<label for="english">英语:</label>
<input type="number" id="english" min="0" max="100"><br><br>
<button onclick="calculateScores()">计算</button>
<script>
function calculateScores() {
// 获取用户输入的分数
const chinese = document.getElementById('chinese').value;
const math = document.getElementById('math').value;
const english = document.getElementById('english').value;
// 计算总分
const totalScore = parseInt(chinese) + parseInt(math) + parseInt(english);
// 计算平均分,需要除以科目数(这里假设只有一门主科)
const averageScore = totalScore / 3;
// 显示结果
alert(`总分:${totalScore} 分\n平均分:${averageScore.toFixed(2)} 分`);
// 如果你想添加错误检查,可以在这里添加,比如确保分数在0到100之间
}
</script>
</body>
</html>
```
在这个例子中,用户输入分数后点击“计算”按钮,`calculateScores`函数会被调用,它会获取并处理用户的输入,然后使用`alert`功能显示结果。
阅读全文