sumar 2 numeros en JS

roser24 · #1 (**permalink**) 19/12/2010, 06:36

Hola,soy principiante y no se que estare haciendo mal..
mi codigo es el siguiente:

Código Javascript:

Ver original<html>
<head>
<script language='javascript'>
function fsuma(){
 n1=document.f1.num1.value;
 n2=document.f1.num2.value;
res=document.f1.resul.value;
res=parseInt(n1)+parseInt(n2);
document.f1.resul.value=res;
 
}
</script>
</head>
<body>
<form name=f1 action="ejercicio1.html" method=POST>
<label name=lblnum1>Numero 1:</label><input type=text name=num1>
<label name=lblnum2>Numero 2:</label><input type=text name=num2>
<input type=button value="   +   ",onclick="fsuma()">
 
<input type=text name=resul>
</form>
</body>
</html>

deberia de mostrarlme en resul el resultado de la suma pero no lo hace...si me podeis hechar un cable os lo agradeceria muuxo.

Salu2

alfcm · #2 (**permalink**) 19/12/2010, 06:50

Es error de sintaxis, a los names de los controles, encierralos entre comillas y por ultimo se te escapo una coma de mas si te fijas bien en el button

Código HTML:

Ver original<form name='f1' action="ejercicio1.html" method=POST>
<label name=lblnum1>Numero 1:</label><input type=text name='num1'/>
<label name=lblnum2>Numero 2:</label><input type=text name='num2'/>
<input type=button value="   +   " onclick="fsuma()">
 
<input type=text name='resul'/>
 
Saludos

roser24 · #3 (**permalink**) 19/12/2010, 07:08

Hola alfcm,muchas gracias de antemano por responder a mi problema con este ejercicio.veras no les habia puesto comillas por que creia que al ser el name solo una palabra no haria falta ,de todas maneras lo corregi tal y como me indicas pero..al dar click sobre el buttom en la pagina el campo resul no me muestra nada se queda igual vacio..que mas me puede faltar?..

mi codigo actual es asi:

Código Javascript:

Ver original<html>
<head>
<script language='javascript'>
 
 n1=document.f1.num1.value;
 n2=document.f1.num2.value;
 
res=document.f1.resul.value;
function fsuma(){
res=parseInt(n1)+parseInt(n2);
document.f1.resul.value=res;
 
}
</script>
</head>
<body>
<form name='f1' action="ejercicio1.html" method=POST>
<label name=lblnum1>Numero 1:</label><input type=text name='num1'>
<label name=lblnum2>Numero 2:</label><input type=text name='num2'>
<input type=button value="   +   "onclick="fsuma()">
 
<input type=text name='resul'>
</form>
</body>
</html>

alfcm · #4 (**permalink**) 19/12/2010, 07:27

Hice la prueba con tu ejemplo,ahora mejor te copio todo nuevamente y lo comparas con tu archivo actual

Código HTML:

Ver original<html>
<head>
<script language='javascript'>
function fsuma(){
 n1=document.f1.num1.value;
 n2=document.f1.num2.value;
res=document.f1.resul.value;
res=parseInt(n1)+parseInt(n2);
document.f1.resul.value=res;
 
}
</script>
</head>
<body>
<form name='f1' action="ejercicio1.html" method=POST>
<label name=lblnum1>Numero 1:</label><input type=text name='num1'/>
<label name=lblnum2>Numero 2:</label><input type=text name='num2'/>
<input type=button value="   +   " onclick="fsuma()">
 
<input type=text name='resul'/>
</form>
</body>
</html>

Saludos

IsaBelM · #5 (**permalink**) 19/12/2010, 07:35

aparte de los errores que tienes en el html, el problema de js es que las variables no están dentro de la función. eso solamente puedes hacerlo cuando a la variable se le asigna un valor de entrada, es decir no depende del valor que tenga algún control, puesto que se intentará ejecutar y levantará el error de null

roser24 · #6 (**permalink**) 19/12/2010, 13:04

Muchas gracias Isabel y alfcm corregi el error y ahora se ejecuta correctamente.un grandisimo abrazo a ambos y Graciass