Esos datos (total y abono),¿ los recojes de la bd y los muestras en pantalla o el usuario debe proporcionarlos ?. Si es lo primero, ¿ por que no usas el servidor (php) para hacer eso ?. Si es lo segundo:
Código:
window.onload = init;
function init(){
document.getElementById('total').onblur = calc;
document.getElementById('abono').onblur = calc;
}
function calc(){
var total = document.getElementById('total').value;
var abono = document.getElementById('abono').value;
if(!total || !abono)
return;
var saldo = document.getElementById('saldo');
var sum = parseInt(total)-parseInt(abono);
if(isNaN(sum)){
saldo.value = 'Solo numeros validos';
return;
}
saldo.value = '$ ' + sum.toFixed(2);
}
El HTML:
Código HTML:
Total:
<input type="text" name="total" id="total"/>
Abono:
<input type="text" name="abono" id="abono"/>
Saldo:
<input type="text" name="saldo" id="saldo" readonly="readonly" />
O bien enves de window.onload puedes poner los eventos en los botones.