Hola,
Si no quieres hacer condicionales en tu Javascript code, entonces en el value de tus inputs coloca una value="0" así si el usuario no pone un numero en alguno de tus inputs siempre hará la suma sin problemas, ademas hay algunos errores..
tu variable resul no esta definida en el contexto de la funcion haciéndola peligrosa, ya que se vuelve global, así que definela.
Ademas a mi no me funciono
Código Javascript
:
Ver original$("#resulCalcular").val(resul);
así que le coloque
Código Javascript
:
Ver original$("#resulCalcular").append(resul);
En ejemplo esto es lo que me sirve.
Código Javascript
:
Ver original<!DOCTYPE html>
<html lang="en_US" xml:lang="en_US" xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<head>
<script type="text/javaScript">
function suma(){
var num1=0
,num2=0
,num3=0
,num4=0
,resul;
num1=parseFloat($("#total1").val());
num2=parseFloat($("#total2").val());
num3=parseFloat($("#total3").val());
num4=parseFloat($("#total4").val());
resul=num1+num2+num3+num4;
console.log(resul);
$("#resulCalcular").append(resul);
}
</script>
</head>
<body>
<input type="text" id="total1" value="0"/>
<input type="text" id="total2" value="7"/>
<input type="text" id="total3" value="0"/>
<input type="text" id="total4" value="9"/>
<div id="resulCalcular"></div>
<button onclick="suma();">click me</button>
</body>
</html>