[SOLUCIONADO] Problema al Sumar

[tesla07]

Hola Comunidad.
lo que pasa es que intento sumar varios campos de un input con este script

Código HTML:

<script language="javascript">
function suma(){
resultado = parseInt(val1.value) + parseInt(val2.value) + parseInt(val3.value);
alert(resultado)
}
</script> 

pero lo que pasa es que los valore vienen de un formulario y hay valores que van a quedar sin ningun valor asi que me muestra error

quisiera saber como hacer para que me muestre el resultado asi varios campos esten vacios.

de antemano Gracias

[ipraetoriux]

...el problema que tienes es que cuando recibes un valor vació e intentas transformarlo en entero con el parseInt, obtendrás un valor NaN, o sea un Not a Number, y eso te dará un error en la operación que quieres efectuar. Para solucionarlo podes verificar con el método isNaN() cada valor..te doy un ejemplo...

una forma fácil sin que te compliques de resolverlo seria asi...

Código Javascript:

function sumar(){
  var numeros = [];
  var suma = 0;
  
  var a1 = parseInt(document.getElementById('valor1').value);
  numeros.push(a1);
  var a2 = parseInt(document.getElementById('valor2').value);
   numeros.push(a2);
  var a3 = parseInt(document.getElementById('valor3').value);
   numeros.push(a3);
  
  for(var i=0; i<numeros.length; i++){
    if(isNaN(numeros[i])){
      numeros[i] = 0;
    }
    suma+=numeros[i];
  }
  
  console.log(suma);
}
 

..por supuesto podes optimizar esta función, podes recorrer todo el formulario e ir agregando cada valor en el array, transformalo en int verificar si es Nan para luego sumarlo

[tesla07]

Iniciado por ipraetoriux

...el problema que tienes es que cuando recibes un valor vació e intentas transformarlo en entero con el parseInt, obtendrás un valor NaN, o sea un Not a Number, y eso te dará un error en la operación que quieres efectuar. Para solucionarlo podes verificar con el método isNaN() cada valor..te doy un ejemplo...

una forma fácil sin que te compliques de resolverlo seria asi...

Código Javascript:

function sumar(){
  var numeros = [];
  var suma = 0;
  
  var a1 = parseInt(document.getElementById('valor1').value);
  numeros.push(a1);
  var a2 = parseInt(document.getElementById('valor2').value);
   numeros.push(a2);
  var a3 = parseInt(document.getElementById('valor3').value);
   numeros.push(a3);
  
  for(var i=0; i<numeros.length; i++){
    if(isNaN(numeros[i])){
      numeros[i] = 0;
    }
    suma+=numeros[i];
  }
  
  console.log(suma);
}
 

..por supuesto podes optimizar esta función, podes recorrer todo el formulario e ir agregando cada valor en el array, transformalo en int verificar si es Nan para luego sumarlo

Oye Pero Lo Que No Veo es de como muestro el resultado

[ipraetoriux]

console.log(suma);

[ipraetoriux]

...oiga mi amigo, el console.log() en una salida por consola para verificar el resultado, si deseas mostrarlo en la web, no te sirve, tienes que usar algun alert() o incluir el resultado dentro de algun elemento (etiqueta)..saludos