Question

I have a form that requires three inputs as follows:

  <form>
    <input name="mn" 
           type="number"
           min="1"
           value="1">
    <input name="mx" 
           type="number"
           min="2"
           value="10">
    <input name="step" 
           type="number"
           min="1"
           value="1">
    <input onclick="myfunc()"
           type="submit"
           value="calculate">
  </form>

all i require is to be able to access the three fields directly in javascript. I do not need to pass the information anywhere else.

Could anyone point me in the right direction? I have read examples where there has been one input, but not multiple.

  <script type="text/javascript">
    function myfunc() {
    var mn = document.getElementsByName("mn")
    var mx = document.getElementsByName("mx")
    var step = document.getElementsByName("step")
    alert((mn + mx) / step)
    }
  </script>

Answer 1

Give your form an id like so

<form id="myForm">

The other thing to watch out for is that the is that the value attribute is a string so adding the two values concatenates them rather than summing them.

Try instead

var frm = document.forms["myForm"];

var _mn = parseInt( frm["mn"].value );
var _mx = parseInt( frm["mx"].value );
var _step = parseInt( frm["step"].value );

var result = ( _mn + _mx ) / _step;