Tuesday, 9 April 2013

Find Area of Rectangle - JavaScript Application

AJITH KP April 09, 2013 No comments :

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>