HTML+javascript : Tính S tam giác

**Admin** Thu Sep 08, 2011 4:37 pm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Tính S tam giác</title>
</style>
<style type="text/css">
# bao quanh {
background:#C9F;
margin : 10px auto;
width:960;
}

#menu {background:#30FF00;
overflow:hidden;
padding:5px;
}
#menu li {
display: inline;
}
#menu li a{
padding: 5px;
text-decoration:none;
color:#191919;
font-weight:bold;
}
#menu li a:hover {
background:#FE00D0;
color:white;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#nội dung{
font-size:1.2en;
margin:15px 0px;
overflow:hidden;
}
#phuongtrinh{
background:#CCF;

margin:30px 10px 50px auto;

}
</style>
<script type="text/javascript">
function DTTG()
{
kq.innerText=" ";
if(isNaN(hesoA.value) || isNaN(hesoB.value)||isNaN(hesoC.value)|| hesoA.value=="" || hesoB.value==""||hesoC.value=="")
kq.innerText="Lỗi nhập liệu chưa đúng !";
else
{
var A=parseFloat(hesoA.value);
var B=parseFloat(hesoB.value);
var C=parseFloat(hesoC.value);
var p=(A+B+C)/2;
var s = Math.sqrt (p * (p - A) * (p - B) * (p - C));
kq.innerText="Diện tích của tam giác là:"+s;
}

}

</script>
</head>

<body bgcolor="#00FF33"><table width="404" height="168" border="1" bgcolor="#0247FE">
<div id="bao quanh">

<div id="menu">

<ul>
<li><a href="index.html"> Trang chủ </a></li>
<li><a href="gioi thieu.html"> Giới thiệu </a></li>
<li><a href="hoctap.html"> Học Tập </a></li>
<li><a href="lien he.html"> Liên hệ </a></li>
<li><a href="form dang nhap.html"> Form Đăng Nhập </a></li>
</ul>
</div>

<div id=phuongtrinh>
<caption>
Tính diện tích tam giác
</caption>

<tr>
<td width="190"><blockquote>

<p align="left">Nhập hệ số A:</p>
</blockquote></td>
<td width="198"><input name="hesoA" type="text" id="hesoA" value=""></td>
</tr>
<tr>
<td><blockquote>

<p align="left">Nhập hệ số B:</p>
</blockquote></td>
<td><input name="hesoB" type="text" id="hesoB" value=""></td>
</tr>
<tr>
<td width="190"><blockquote>

<p align="left">Nhập hệ số C:</p>
</blockquote></td>
<td width="198"><input name="hesoC" type="text" id="hesoC" value=""></td>
</tr>
<tr>
<td colspan="2"><div align="center">

<input name="Button" type="button" onClick="DTTG()" value="TÍNH S TAM GIÁC">
</div></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#00FFFF" id="kq"> </td>
</tr>
</table>
<p>Nguyễn Văn Chung</p>
<p>Tin18A1</p>
</div>

</div >
</body>
</html>