ive been working on a html cargo capacity calculator and im a bit of a newb was wondering how you would code the html to multiply fixed number and put the results in a message box...

the fixed numbers are

Ofensive units
Marauder 20
Buccaneer 33
Bombardier 145
Cannoneer 239
Brigantine 527
Frigate 727
Ship of the line 1275
Juggernaut 1636
Dark Corsairs 40

Defensive units
Bonnie's Beauties 10
Skirmisher 13
Grenadier 117
Cuirassier 127
Gunboat 176
Man O' War 194
Submarine 267
Dragon Lady 10
Zhangzhou Elite 10
Turtle Ship 10
Junk 10



Code looks like this


PHP Code:
<html>
<body onload=StartPage()">
<table border="2">
<tbody>
<tr>
<td><b>Unit-Type</b></td>
<td><b># Of Units</b></td>
<td><b>Estimate</b>
<td><b>Capacity</b></td>
</tr>
<tr><td><b>Marauder<b></td>
<td><input type="text" id="Maraurder_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Buccaneer<b></td>
<td><input type="text" id="Buccaneer_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Bombardier<b></td>
<td><input type="text" id="Bombardier_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Cannoneer<b></td>
<td><input type="text" id="Cannoneer_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Brigantine<b></td>
<td><input type="text" id="Brigantine_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Frigate<b></td>
<td><input type="text" id="Frigate_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Ship of the line<b></td>
<td><input type="text" id="Ship of the line_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Juggernaut<b></td>
<td><input type="text" id="Juggernaut_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Dark Corsairs<b></td>
<td><input type="text" id="Dark Corsairs_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><i><b>Defensive Units</b></i></td>
<tr><td><b>Bonnie's Beauties<b></td>
<td><input type="text" id="Bonnie's Beauties_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Skirmisher<b></td>
<td><input type="text" id="Skirmisher_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Grenadier<b></td>
<td><input type="text" id="Grenadier_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Cuirassier<b></td>
<td><input type="text" id="Cuirassier_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Gunboat<b></td>
<td><input type="text" id="Gunboat_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Man O' War<b></td>
<td><input type="text" id="Man O' War_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Submarine<b></td>
<td><input type="text" id="Submarine" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Dragon Lady<b></td>
<td><input type="text" id="Dragon Lady_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Zhangzhou Elite<b></td>
<td><input type="text" id="Zhangzhou Elite_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Turtle Ship<b></td>
<td><input type="text" id="Turtle Ship_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr><td><b>Junk<b></td>
<td><input type="text" id="Junk_Pro" onkeypress="return onlyNumbers();" onkeyup="updateCapacity()" maxlength="6" style="width: 72px"></td>
<tr></tr><td><input type="button" onclick="Set_calculate()" value="calculate" style="width: 100px"></td>