Misplaced Buttons

[wbport]

I am trying to work on a simple page to convert from degrees, degrees & minutes, or degree-minute-second to each other. There should be a button on the end of each line to convert the info on that line to the other two forms, but the buttons seem to all be at the end of the previous line instead of where they should be.

What am I doing wrong? TIA

<form name="degree" onsubmit="return false;">
 <table>
  <tr>
   <td>Degrees Only</td><td><input name="dod" >°</td><td colspan="4"></td><td><input type="button" value="Click" onclick="doDeg()"></td></tr>
  <tr>
   <td>Degrees Minutes</td><td><input name="dmd" >° </td><td><input name="dmm" >'</td><td colspan="2"></td><td><input type="button" value="Click" onclick="doMin()"></td></tr>
  <tr>
    <td>Deg. Min., &amp; Sec</td><td><input name="dsd" >° </td><td><input name="dsm" >' </td><td><input name="dss" >"</td>
      <input type="button" value="Click" onclick="doSec()">
    </tr></table></form>

[JMRKER]

If you put a temporary border into the table, it becomes pretty easy to spot the problem.

You did not have <TD> tags around the last button.

<form name="degree" onsubmit="return false;">
 <table border="1">
  <tr>
   <td>Degrees Only</td>
   <td><input name="dod" >°</td>
   <td colspan="2"></td>
   <td><input type="button" value="Click 1" onclick="doDeg()"></td>
  </tr>
  <tr>
   <td>Degrees Minutes</td>
   <td><input name="dmd" >°</td>
   <td><input name="dmm" >'</td>
   <td colspan="1"></td>
   <td><input type="button" value="Click 2" onclick="doMin()"></td>
  </tr>
  <tr>
   <td>Deg. Min., &amp; Sec</td>
   <td><input name="dsd" >° </td>
   <td><input name="dsm" >' </td>
   <td><input name="dss" >"</td>
   <td><input type="button" value="Click 3" onclick="doSec()"></td>
  </tr>
 </table>
</form>

Good Luck!

[wbport]

Many thanks! I thought it would be something simple like that, just had a blind spot.

[JMRKER]

You're most welcome.
Happy to help.
Good Luck!

[wbport]

The finished product is at the bottom of this page.htm.

[JMRKER]

Assuming your calculations are done in 'DoDeg', 'DoMin' and 'DoSec' (not provided in post),
if the output is to be in decimal format and you want to limit it to 4 significant places
use a X.toFixed(4) command where 'X' is the calculated value to limit.

I don't know enough about GPS to know if this is significant or not,
just information to consider from reading your referenced page and
clicking on the JS calculator. Change only to avoid extra display digits.