You are on page 1of 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Xếp Loại Điểm Trung Bình Cả Năm</title>
<style>
#nhap {
text-align: center;
color: #006600;
}
#x1 {
color: #FF0000;
font-weight: bold;
}
</style>
<script>
function xuat_ket_qua(diemhk1, diemhk2) {
// Calculate Điểm Trung Bình Cả Năm (dtb)
var dtb = (parseFloat(diemhk1) + parseFloat(diemhk2) * 2) / 3;
var xl = document.getElementById("x1");

if (dtb >= 9) {
xl.innerText = "Giỏi";
} else if (dtb >= 7) {
xl.innerText = "Khá";
} else if (dtb >= 5) {
xl.innerText = "Trung bình";
} else {
xl.innerText = "Yếu";
}

// Display Điểm Trung Bình Cả Năm


document.getElementById("dtbcn").value = dtb.toFixed(2);

return dtb;
}
</script>
</head>
<body>
<div id="nhap">
<h2>Xếp Loại Điểm Trung Bình Cả Năm</h2>
</div>

<table border="1" bordercolor="#33DA03" cellspacing="0" cellpadding="3"


align="center" bgcolor="#D9FE08" style="border-collapse: collapse; color: #006600"
width="338">
<tr>
<td width="194">Điểm HK1:</td>
<td width="126"><input type="number" id="diemhk1" required></td>
</tr>
<tr>
<td>Điểm HK2:</td>
<td><input type="number" id="diemhk2" required></td>
</tr>
<tr>
<td>Điểm Trung bình cuối năm:</td>
<td><input type="text" name="dtbcn" id="dtbcn" size="5"></td>
</tr>
<tr>
<td>Xếp Loại:</td>
<td><label id="x1"></label></td>
</tr>
<tr>
<td colspan="2" align="center">
<button type="button"
onclick="xuat_ket_qua(document.getElementById('diemhk1').value,
document.getElementById('diemhk2').value)">Xuất xếp loại</button>
</td>
</tr>
</table>
</body>
</html>

You might also like