Javascript Form How to - Get Button Type as 'button'

Question

We would like to know how to get Button Type as 'button'.

Answer


<html>
    <script language="JavaScript">
    var buttonCount = 0;
<!--from   w w w .j a  va 2 s .c  o m-->
    for(var x=0; x<document.mathForm.length; x++)
    {
      if(document.mathForm.elements[x].type=="button")
        buttonCount++;      
    }
    document.write("Please select one of the ",buttonCount);  

    document.write(" buttons above to find out the answer to the math problem.");
    </script>    
    <form name="mathForm">
      <input type="button"
             name="4plus2"
             value="(4 + 2)"
             onClick="document.mathForm.answer.value='(4 + 2) = 6'">
      <input type="button"
             name="4minus2"
             value="(4 - 2)"
             onClick="document.mathForm.answer.value='(4 - 2) = 2'"><HR>
      Answer:
      <input type="text" name="answer">
    </form>
</html>

The code above is rendered as follows: