CHƯƠNG TRÌNH TÍNH ĐIỂM TRUNG BÌNH, XẾP LOẠI HỌC SINH BẰNG JAVASCRIPT
http://itlovedesign.blogspot.com/2017/05/chuong-trinh-tinh-iem-trung-binh-xep.html
File html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TÍNH ĐIỂM TB HỌC SINH</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 align='center' style="color:red">TÍNH ĐIỂM TRUNG BÌNH CỦA HỌC SINH</h1>
<table border='1' cellpadding="0" cellspacing="30px">
<tr class="dong">
<td class="cot">TB HK1</td>
<td class="cot">
<input type='text' value="" name='diem1' id='diem1' placeholder="Nhập điểm TB HK1" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Nhập điểm TB HK1'"/>
</td>
</tr>
<tr class="dong">
<td class="cot">TB HK2</td>
<td class="cot">
<input type='text' value="" name='diem2' id='diem2' placeholder="Nhập điểm TB HK2" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Nhập điểm TB HK2'"/>
</td>
</tr>
<tr class="dong">
<td class="cot">Điểm TB</td>
<td class="cot">
<input type='text' value="" name='dtb' id='dtb'/>
</td>
</tr>
<tr class="dong">
<td class="cot">Xếp loại</td>
<td class="cot" ><label id='xeploai' style="font-weight: bold;color:red"></label>
</td>
</tr>
<tr class="dong">
<td colspan='2' class="cot">
<input type="button" value='Xếp loại' name="btnXeploai" id='btnXeploai' onclick="dtb.value=Tinhdiemtb()" />
</td>
</tr>
</table>
File css
table{
margin:0 auto;
background-color: orange;
}
.cot{
border: none;
}
#btnXeploai{
margin-left: 90px;
}
File js
function Tinhdiemtb()
{
var x1=document.getElementById('diem1');
var x2=document.getElementById('diem2');
if(x1.value=='' && x2.value=='')
{
alert('Bạn đã nhập thiếu giá trị vào ô nhập liệu');
}
else if(x1.value=='')
{
alert('Bạn đã nhập thiếu giá trị ô nhập liệu thứ 1');
}
else if(x2.value=='')
{
alert('Bạn đã nhập thiếu giá trị ô nhập liệu thứ 2');
}
else if(isNaN(x1.value)&&isNaN(x2.value))
{
alert('Kí tự bạn nhập không phải là số');
}
else if(isNaN(x1.value) )
{
alert('Kí tự bạn nhập không phải là số');
}
else if(isNaN(x2.value))
{
alert('Kí tự bạn nhập không phải là số');
}
var tb=document.getElementById('dtb');
tb=(parseFloat(x1.value)+parseFloat(x2.value)*2)/3;
var tbfix=tb.toFixed(2);//Lấy 2 số thập phân sau dấu phẩy và làm tròn
var xltb=document.getElementById('xeploai');
if(tbfix>=8)
{
xltb.innerText='Giỏi';
}
else if(tbfix>=6.5)
{
xltb.innerText='Khá';
}
else if(tbfix>=5)
{
xltb.innerText='Trung bình';
}
else xltb.innerText='Kém';
return tbfix;
}
Chạy trên Web
