-->
🏠 🔍
SHAREOLITE

Beginners Java script to accept HTML form input and add 2 numbers

Below is a sample beginners Java script to accept HTML form input and add 2 numbers.

Copy the code highlighted in blue color and save it as HTML file. Invoke the HTML file in a browser and verify the results.

<HTML>
      <HEAD>
        <TITLE>Sum</TITLE>

        <script type="text/javascript">
          function sum()
          {

             var num1 = document.myform.number1.value;
             var num2 = document.myform.number2.value;
             var sum = parseInt(num1) + parseInt(num2);
             document.getElementById('add').value = sum;
                 alert(document.getElementById('add').value);
          }
        </script>
      </HEAD>

      <BODY>
        <FORM NAME="myform">
          <INPUT TYPE="text" NAME="number1" VALUE=""/> +
          <INPUT TYPE="text" NAME="number2" VALUE=""/>
          <INPUT TYPE="button" NAME="button" Value="=" onClick="sum()"/>
          <INPUT TYPE="text" ID="add" NAME="result" VALUE=""/>
        </FORM>

      </BODY>
</HTML>

Hope it is useful to Java Script beginners.

Comments

–>