Función no se ejecuta

BramSt · #1 (**permalink**) 11/09/2016, 11:46

Hola a todos. Tengo esté código Javascript que me debería permitir hacer un par de sencillos cálculos según pulse un botón u otro (vaya, un intento de calculadora cutre para ir aprendiendo XD).

Por algún motivo, la función calcular no se ejecuta, parece ser, y no acierto a saber cuál es. A ver si podéis ayudarme.

Se supone que las dos funciones están bien llamadas en el evento onclick, ¿no? Y que el link al archivo que contiene el código JS está bien colocado antes de cerrar el body...

Disculpad si hay algún trozo de código incoherente. Lo tengo haciendo mil pruebas, he intentado borrar todo lo irrelevante.

Un saludo

Código PHP:

Ver original<html>
 
    <head>
        <title></title>
        <meta charset="utf-8">
        <!--<LINK REL=StyleSheet HREF="estilos.css" TYPE="text/css">-->
        
        
        </head>
    
    <body>
        
        <div id="cajaform">
        
            <form action="" name="formularioCalc" method="post">
 
                <input type="text" name="numero" id="numer"/>
                <input type="button" name="operadorSuma" id="oSuma" value="+" onclick="validar();calcular(suma)"/>
                <input type="button" name="operadorResta" value="-" onclick="validar();calcular(resta)"/>
                
                <input type="text" name="result" id="resultado">
                
                
                <input type="submit" value="Mandar"/>
                
                
                
            </form>
        
        
        
        </div>
        
        
        
        <script type="text/javascript" src="codigo.js"></script>
    </body>
 
</html>

El JS:

Código Javascript:

Ver originalfunction calcular(parametro)
    {
        
        
        
        var numero=0;
        
        numero=document.getElementById("numer").value;
        
        if(parametro=='suma'){
            
            resultado=int(resultado+numero);
            
        }else if (parametro=='resta'){
            
            
            resultado=resultado-numero;
            
            
        }
        
        document.getElementById("resultado").value=resultado;
        
        
        
    }

alonsomaxx · #2 (**permalink**) 11/09/2016, 12:31

Prueba modificando esta línea:
resultado=int(resultado+numero);

por esta otra:
resultado=parseInt(resultado+numero);

BramSt · #3 (**permalink**) 11/09/2016, 12:34

Cita:

Iniciado por alonsomaxx

Prueba modificando esta línea:
resultado=int(resultado+numero);

por esta otra:
resultado=parseInt(resultado+numero);

Muchas gracias, pero sigue igual... incluso aunque quite todo el código de la función y ponga un simple alert, no se ejecuta...

petit89 · #4 (**permalink**) 11/09/2016, 13:16

Mira, para comenzar estas mandando en parametro suma... cuando deberia ser 'suma' ya que comparas como texto en la funcion, si bien es una calculadora muy basica... te la he modificado, prueba y nos dices...

Código Javascript:

Ver originalfunction calcular(parametro){
            numero = document.formularioCalc.numero.value;
            result = document.formularioCalc.resultado.value;
            if(parametro == 'suma'){
            if(result == 0){
            var resul = parseInt(numero);
                
            } else{
            var resul = parseInt(numero) + parseInt(result);
            }
            }
            if (parametro=='resta'){
               var resul= (result - numero);
            }
            
            return document.formularioCalc.resultado.value = resul;            
        }

Código HTML:

Ver original<div id="cajaform">
        
            <form action="" name="formularioCalc" method="post">
 
                <input type="text" name="numero" id="numer"/>
                <input type="button" name="operadorSuma" id="oSuma" value="+" onclick="calcular('suma');"/>
                <input type="button" name="operadorResta" value="-" onclick="calcular('resta');"/>
                <input type="text" name="result" id="resultado" readonly value="0">
                
                <input type="submit" value="Mandar"/>
            </form>
        </div>

Online: https://jsfiddle.net/umgmn8x6/

Saludos!

BramSt · #5 (**permalink**) 14/09/2016, 10:34

Muchas gracias compañero.

Al final conseguí hacer la calculadora, pero de una manera bastante menos lógica y eficiente que la tuya! No había caído en hacer una condición cuyo resultado sea 0.

Una cosa, no se debería comprobar también en la resta qué ocurre si el resultado es 0?

La lógica siempre es algo que me ha costado mucho, y a costa de meter horas voy mejorando... pero aún me cuesta