JS DOM programs collection
JS program to find sum of two numbers entered by user using getElementById() (DOM)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>js program to find sum of two numbers using text boxes</title>
</head>
<body>
<form>
enter first number:<input type="text" id="n1" placeholder="enter first number"><br>
enter second number:<input type="text" id="n2" placeholder="enter second number"><br>
</form>
<button onclick="sumnumbers();">click to find the sum</button>
<p>sum is:<span id="resultsum"></span></p>
<p>difference is:<span id="resultdiff"></span></p>
<script>
function sumnumbers()
{
var number1,number2,sum;
number1=parseFloat(document.getElementById('n1').value);
number2=parseFloat(document.getElementById('n2').value);
sum=number1+number2;
document.getElementById('resultsum').innerText=sum;
document.getElementById('resultdiff').innerText=number1-number2;
}
</script>
</body>
</html>
Output:
 |
| JS program to find sum of two numbers entered by user |
