Com javascript pura basta pegar os valores dos campos pelo id, com document.getElementById()
converter os valores para int utilizando parseInt()
, o número 10
significa em qual base será convertido o número, somar e jogar o resultado no input.
function calcular(){
var n1 = parseInt(document.getElementById('n1').value, 10);
var n2 = parseInt(document.getElementById('n2').value, 10);
document.getElementById('resultado').innerHTML = n1 + n2;
}
<form action="" method="post">
N1: <input type="text" id="n1" value="10" /> <br>
N2: <input type="text" id="n2" value="5" onblur="calcular()"/> <br>
</form>
<div id="resultado"></div>
function calcular() {
var n1 = parseInt(document.getElementById('n1').value, 10);
var n2 = parseInt(document.getElementById('n2').value, 10);
document.getElementById('resultado').innerHTML = n1 + n2;
}
<form action="" method="post">
N1: <input type="text" id="n1" value="10" /> <br> N2: <input type="text" id="n2" value="5" onblur="calcular()" /> <br>
</form>
<div id="resultado"></div>