Hi there Corey453,
try this example, it may suit your requirements...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>width by length to square yards</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#container {
width:280px;
padding:6px;
border:3px double #000;
margin:30px auto;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
}
label {
margin:4px;
display:block;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=function() {
inp=document.getElementsByTagName('input');
df=document.forms[0];
df[5].onclick=function() {
for(c=0;c<inp.length;c++) {
if((inp[c].type=='text')&&(isNaN(inp[c].value))) {
alert('please use the appropriate numbers\nfeet in the feet box\ninches in the inches box');
inp[c].value='';
}
}
for(c=0;c<inp.length;c++) {
if(inp[c].value=='') {
alert('it appears that you have missed box '+(c+1));
return;
}
}
w=parseFloat(df[0].value)/3+parseFloat(df[1].value)/36;
l=parseFloat(df[2].value)/3+parseFloat(df[3].value)/36;
df[4].value=(w*l).toFixed(2);
}
}
//-->
</script>
</head>
<body>
<form action="#">
<div id="container">
<label><input type="text"/>: width feet</label>
<label><input type="text"/>: width inches</label>
<label><input type="text"/>: length feet</label>
<label><input type="text"/>: length inches</label>
<label><input type="text" readonly="readonly" value="0"/>: square yards</label>
<input type="button" value="calculate"/>
<input type="reset" value="clear"/>
</div>
</form>
</body>
</html>