Want to make a table with 1 column with 3 rows. The user enters the number 10 in the 1st row and either a 10 or 9 in the 2nd row and the result displayed in the 3rd row should say either 'ODD' or 'EVEN'.
I don't want to declare the variable in the script, rather let the user enter the variable. The following is what I have done so far,,,,,,,,when I run the script by itself, it works fine. I just don't want a submit button showing, I want the program
to display ODD or EVEN in the last textField.

Any help or direction is very appreciated,,,, I'm new to javascript.....Correction, VERY NEW !!


<!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=UTF-8" />
<title>oddEven</title>
</head>
<script type="text/javascript">



var p1 = "";
var s1 = "";
var d1 = document.write();

if((p1==10)&&(s1==10)){
document.write("Even");

}
if((p1==10)&&(s1==9)){
d1=document.write("Odd");

}

</script>



<body>
<table width="50" border="1" cellpadding="5" cellspacing="5">
<tr>
<td align="center"><div align="center"><input type="text" id="p1" size="4" maxlength="4" /></div></td>
</tr>
<tr>
<td align="center"><div align="center"><input type="text" id="s1" size="4" maxlength="4" /></div></td>
</tr>
<tr>
<td align="center"><div align="center"><input type="text" id="d1" size="4" maxlength="4" /></div></td>
</tr>
</table>
</body>
</html>