назначить значение формы в html переменной javascript

Question

Я пытаюсь небольшой проект с HTML и Javascript.Я запрограммировал 3 функции и хочу вызвать их, чтобы отобразить результат, используя 2 значения, вводимые в форму.

Мне кажется, что я спотыкаюсь при получении 2 значений, распознаваемых кодом Javascript.

Я был бы так рад, если бы кто-то мог указать, что я делаю неправильно?

Вот мой проект ...

//degrees to radians function
function degRad(deg) {
  var rad = ( Math.PI / 180) * deg;
  return rad;
}

//easting calcualtion function
function east(deg, dist) {
  var east = (Math.cos(degRad(deg)) * dist );
  return east;
}

// northing calculation functions
function north(deg, dist) {
  var north = (Math.sin(degRad(deg)) * dist);
  return north;
}

//calling functions and out putting the results
document.write("easting equals  " + east(document.getElementById("Ang"),document.getElementById("Dist")) + "<br>");

document.write("northing equals  " + north(document.getElementById("Ang"),document.getElementById("Dist")));

<!--This is the page elements to input the angle and distance-->

  <fieldset style="padding: 20px;">
	   <legend>Polar to Rectangular calculator</legend>
	    Angle: <input type="number" value="14" id="Ang" style="border: 1px solid;"/>
      Distance: <input type="number" value="10" id="Dist" style="border: 1px solid;"/>
      <input type="submit" value="Submit">
  </fieldset>

Answer 1

Вы должны получить значение элемента, как это.

//degrees to radians function
function degRad(deg)
  {
  var rad = ( Math.PI / 180) * deg;
  return rad;
  }

//easting calcualtion function
function east(deg,dist)
  {
  var east = (Math.cos(degRad(deg)) * dist );
  return east;
  }

// northing calculation functions
function north(deg,dist)
  {
    var north = (Math.sin(degRad(deg)) * dist);
    return north;
  }

//CHANGES BELOW

//calling functions and out putting the results
document.write("easting equals  " + east(document.getElementById("Ang").value,document.getElementById("Dist").value) + "<br>");

document.write("northing equals  " + north(document.getElementById("Ang").value,document.getElementById("Dist").value));

<!--This is the page elements to input the angle and distance-->

  <fieldset style="padding: 20px;">
	   <legend>Polar to Rectangular calculator</legend>
	    Angle: <input type="number" value="14" id="Ang" style="border: 1px solid;"/>
      Distance: <input type="number" value="10" id="Dist" style="border: 1px solid;"/>
      <input type="submit" value="Submit">
  </fieldset>