alguien podria ayudarme con javascript, el caso es que tengo tres inputs los cuales al agregar un valor se genera una suma entre los tres inputs y luego muestro el resultado, el caso es que la suma debe de tener un valor maximo, de modo que si la suma maxima es de 10 y en los primeros inputs pongo 3 y 5 en la ultima deberia de autorrellenarse con 2 para que la suma total sea de 10, es para un ejercicio, este es mi codigo JS.
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;
}
Y este mi html
<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 podria implementar esa funcion, soy bastante nuevo en js. Alguien podria ayudarme indicandome como hacerlo, algun sitio, blog o tutorial, gracias de antemano.