Tengo tres inputs, al agregar un valor se genera la suma de los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor máximo, de modo que si la suma máxima es de 10 y en los primeros inputs pongo 3 y 5 en la última debería de auto-rellenarse con 2 para que la suma total sea de 10, es para un ejercicio.
Éste es mi código:
function sumar (valor) {
var total = 0;
valor = parseInt(valor); // Convertir el valor a un entero (número).
total = document.getElementById('spTotal').innerHTML;
// Aquí valido si hay un valor previo, si no hay datos, le pongo un cero "0".
total = (total == null || total == undefined || total == "") ? 0 : total;
/* Esta es la suma. */
total = (parseInt(total) + parseInt(valor));
// Colocar el resultado de la suma en el control "span".
document.getElementById('spTotal').innerHTML = total;
}
<span>Valor #1</span>
<input type="text" id="txt_campo_1" onchange="sumar(this.value);" />
<br/ >
<span>Valor #2</span>
<input type="text" id="txt_campo_2" onchange="sumar(this.value);" />
<br/ >
<span>Valor #3</span>
<input type="text" id="txt_campo_3" onchange="sumar(this.value);" />
<br/ >
<span>El resultado es: </span> <span id="spTotal"></span>
Pero no se como podría implementar esa función.