Estoy haciendo un ejercicio en el cual debo generar sumas y restas dinamicamente, haciendo modificaciones sobre un html que ya viene dado(el cual adjunto).
Mi pregunta es la siguiente, estoy tratando de hacer una funcion para comprobar el resultado de una suma en este caso. Es un set de ejercicios por lo cual uso la funcion .each para iterar sobre cada caja de texto y los numeros que figuran en ambos divs. Sin embargo, al tratar de probarlo con un alert, solo obtengo el resultado de mi ultima iteracion.
Aunque este pedazo de codigo html no lo hago, en el html original (que es mucho mas grande), llamo al archivo js, al cual cuando la caja de texto pierde el foco, quiero que se verifique el resultado. Eso lo hago mediante lo siguiente:
$("input").blur(comprobarResultado) , porque los input son todos de la misma clase.
Necesitare usar un .eq pasando un indice como parametro? Se les ocurre una mejor forma de poder realizar ésto?
Gracias desde ya.
Código HTML:
<div class="contenedor-operacion"> <div class="operacion"> <div class="contenedor-terminos-operacion"> <div class="primer-termino">84</div> <div class="segundo-termino">73</div> </div> <div class="signo-operacion"><img src="img/signo-suma.png" width="40" height="40" alt="Signo de suma" /></div> </div> <div class="barra-resultado"></div> <div class="resultado"><input type="text" name="resultado" class="campo-resultado"/></div> <div class="validacion-ok"> <div class="mensaje-validacion">Ok</div> </div>
Código:
function comprobarResultado(){
var ingreso = 0;
var primernumero = 0;
var segundonumero = 0;
var suma= 0;
$("input").each(function() {
ingreso= parseInt($(this).val());
return ingreso;
});
$(".primer-termino").each(function() {
primernumero = parseInt($(this).text());
return primernumero;
});
$(".segundo-termino").each(function() {
segundonumero = parseInt($(this).text());
return segundonumero;
});
suma = primernumero+segundonumero;
if (suma==ingreso){
alert("bien");
}
alert(suma); -> al mostrar esto, es que me da el resultado de la ultima iteracion
}
