<form id = "myform">

First Number: <input type = "text" name ="num1"><br /><br />

Second Number: <input type = "text" name ="num2"><br /><br />

</form>


<button onclick = "adder()"> Submit</button><br><br>

<p id="p1">Results Are Here</p>

<script type="text/javascript">


function adder()

{

var num1 = parseInt(document.getElementById("myform").elements["num1"].value);

var num2 = parseInt(document.getElementById("myform").elements["num2"].value);


var total = num1 + num2;

document.getElementById("p1").innerHTML = total;


}


</script>