做一个网页完成以下要求 仅输入一个班级的应到与实到, 遵守以下条件, 1 若请假人数小于等于班级总人数的20%不需要扣分 2 若请假的人数超出班级总人数的20%但没有超出班级总人数的50%则超出20% 请假的每个人扣0.5分, 3 如果请假人数超出50%的超出50%的每个请假人数扣1分。 4 已上条件中的总人数的20%和50%和30%如果不为整数则先进行四舍五入再计算 求应扣多少分。
时间: 2024-02-25 21:59:13 浏览: 5
以下是一个简单的 HTML 页面和 JavaScript 代码实现,可以计算应扣分数:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>班级请假扣分计算器</title>
</head>
<body>
<h1>班级请假扣分计算器</h1>
<p>请输入班级总人数和实到人数:</p>
<label for="total">班级总人数:</label>
<input type="number" id="total"><br>
<label for="present">实到人数:</label>
<input type="number" id="present"><br>
<button onclick="calculate()">计算</button><br>
<p id="result"></p>
<script>
function calculate() {
// 获取输入的应到和实到人数
var total = parseFloat(document.getElementById("total").value);
var present = parseFloat(document.getElementById("present").value);
var absent = total - present;
// 计算请假人数占比
var absentRatio = absent / total;
// 判断是否需要扣分
if (absentRatio <= 0.2) {
document.getElementById("result").innerHTML = "请假人数不超过班级总人数的20%,无需扣分。";
} else {
// 计算应扣分数
var score = 0;
if (absentRatio <= 0.5) {
score = Math.round((absentRatio - 0.2) / 0.3 * 0.5 * total) / total;
} else {
score = 1;
}
document.getElementById("result").innerHTML = "应扣分数为:" + score.toFixed(1);
}
}
</script>
</body>
</html>
```
在 HTML 页面中,我们创建了两个输入框用于输入班级总人数和实到人数,以及一个按钮用于触发计算操作。在 JavaScript 代码中,我们定义了一个 `calculate` 函数,在用户点击计算按钮时调用该函数。函数内部,我们获取输入的应到和实到人数,计算请假人数占比,并根据条件判断是否需要扣分。如果需要扣分,则根据请假人数占比计算应扣分数,并将结果输出到页面上。