I am trying to add up the best snatch and best cj and place the total in total cell. I am new to java script and If anybody has some examples how to do this I would appreciated it.

here is the code



<HTML>
<head>
<TITLE>Competition</TITLE>


<script>

function calculation(a, b){
var sum
sum = a + b
return sum
}

</SCRIPT>

</head>
<BODY>
<P>
<PRE>

<center>
<form name="data">
<div align="left">
<table border="1" bordercolor="#808080"> <input type="button" onClick="calculate()" value="Calculate Total"> <input type="reset" onClick="rset()" value="Reset All Data"></td></tr>

<th width="4" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
KG Class</font></th>
<th width="30" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Name</font></th>
<th width="4" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Lot #</font></th>
<th width="30" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Club</font></th>
<th width="4" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
BWT</font></th>
<th width="51" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Snatch1</font></th>
<th width="51" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Snatch2</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Snatch3</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Best Snatch</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
CJ1</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
CJ2</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
CJ3</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Best CJ</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Total</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Sinclair</font></th>
<th width="40" bgcolor="ccccccc"><font face="Verdana" size="2" color="0989d2">
Place</font></th>





<tr><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td>
<tr><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td>
<tr><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td>
<tr><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td>
<tr><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td>
<tr><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="16"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">

<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td><td align="center"><font size="2" face="Arial">
<input type="text" size="6"> </font></td>


</table>
</div>
</form>
</center> </td></tr>








</PRE>
</P>
</BODY>
</HTML>