Tuesday, 9 April 2013

Home » Web Applications » Find Area of Rectangle - JavaScript Application

09:29

Web Applications

Find Area of Rectangle - JavaScript Application

Here a simple JavaScript application to calculate the area of rectangle.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Area Of Rectangle</title>

<style type="text/css">
input
{
   background:#CCCCCC;
   color:#333333;
}
</style>

<script type="text/javascript">
function area(frm)
{
   if(isNaN(frm.width.value) || isNaN(frm.height.value))
   {
      alert("Input Integers in Width and Height");
   }
   else
   {
      var w=frm.width.value;
      var h=frm.height.value;
      var area=w*h;
      alert("Area of Rectangle: "+area);
   }
}
function checkW(frm)
{
   if(isNaN(frm.width.value))
   {
      alert("Check Width.");
   }
}
function checkH(frm)
{
   if(isNaN(frm.height.value))
   {
      alert("Check Height.");
   }
}
function checkA(frm)
{
   if(isNaN(frm.area.value))
   {
      alert("Check Answer.");
   }
}
</script>

<center>

<form>
<input name="width" value="Weight" onchange="checkW(this.form)" /> X <input name="height" value="Height" onchange="checkH(this.form)" />
<input type="button" style="border-radius:5px; background-color:#000000; color:#006600;" onclick="area(this.form)"  value="CalculatE"  />
</form>
</center>
</head>
<body>

</body>
</html>

Related Post

0 comments :

Post a Comment

Subscribe to: Post Comments ( Atom )