Tres funciones en una

ThunderWolf · #1 (**permalink**) 17/07/2011, 06:39

Tengo un script con tres funciones, cada una con dos variables y sus distintos condicionantes. Una de las variables toma el valor de tres input text diferentes equivalentes a cada función (var valor), y la otra es exactamente igual en cada caso (var nivel). Después, en el formulario, hay tres botones que llaman a sus respectivas funciones, generando un odioso alert que sustituiré por un div o un textarea, pero eso es otro tema.

Aqui esta la página con el código al completo:
http://bit.ly/calcula_tu_rango_beta

Si fuera posible, me gustaría tener un boceto que ilustre como aunar las tres funciones en una, es decir; que al introducir los datos en los tres input text y pulsando un solo botón, se evalúen al mismo tiempo todos los condicionantes. Solo importa el resultado mayor de los tres input text, es decir, que si los otros dos valores introducidos dieran un resultado menor, se desestimarían.

Esto es lo que he intentado. Obviamente no funciona, e inutiliza todo el script (no os riáis, soy demasiado novato en javascript):

Código:

function comprobartodo()

{				

var valor1 = document.getElementById("csaves").value;
var valor2 = document.getElementById("hsaves").value;
var valor3 = document.getElementById("cfirst").value;

var nivel = [ "Peón", "Cocinero", "Soldado", "Tesorero", "Reclutador", "Cazador", "Iniciado", "Aprendiz de Chamán", "Chamán de la Tribu" ];

{

if ( valor1 <= 1000 )
	nivel = "Peón";

{

alert("Los datos introducidos equivalen al rango " + nivel );

}
		
if ( valor2 < 200 )
	nivel = "Peón";

{

alert("Los datos introducidos equivalen al rango " + nivel );

}

if ( valor3 < 75 )
	nivel = "Peón";

{

alert("Los datos introducidos equivalen al rango " + nivel );

}
}

dukeblass · #2 (**permalink**) 17/07/2011, 09:42

asi de simple si hacer muchos cambios pero juntando las tres funciones en una tienes esto:

Código HTML:

Ver original<html>
<head>
<title>Ejemplo</title>
<script type="text/JavaScript">
    function entero(a,e){
        a=navigator.appName=="Netscape"?a.which:a.keyCode;e.style.border='3px solid #f00';return a<48||a>57?(alert("\u00a1Solo numeros por favor!"),!1):!0};
    function comprobar(){
        var nivU=nivD=nivT='';
        var valor=document.getElementById("ratones");                   
        var csAves=valor.csaves.value;
        var csAvesh=valor.csavesh.value;
        var csFirst=valor.cfirst.value;     
        
        if(csAves< 1300){nivU="Peón";}
        if(csAves>=1300){nivU="Cocinero";}
        if(csAves>=1700){nivU="Soldado";}
        if(csAves>=2200){nivU="Tesorero";}
        if(csAves>=2800){nivU="Reclutador";}
        if(csAves>=3500){nivU="Cazador";}
        if(csAves>=4300){nivU="Iniciado";}
        if(csAves>=5200){nivU="Aprendiz de Chamán";}
        if(csAves>=10000){nivU="Chamán de la Tribu";}
        
        if(csAvesh< 200){nivD="Peón";}
        if(csAvesh>=200){nivD="Cocinero";}
        if(csAvesh>=500){nivD="Soldado";}
        if(csAvesh>=900){nivD="Tesorero";}
        if(csAvesh>=1400){nivD="Reclutador";}
        if(csAvesh>=2000){nivD="Cazador";}
        if(csAvesh>=2700){nivD="Iniciado";}
        if(csAvesh>=3500){nivD="Aprendiz de Chamán";}
        if(csAvesh>=8000){nivD="Chamán de la Tribu";}
        
        if(csFirst< 75){nivT="Peón";}
        if(csFirst>=75){nivT="Cocinero";}
        if(csFirst>=100){nivT="Soldado";}
        if(csFirst>=150){nivT="Tesorero";}
        if(csFirst>=225){nivT="Reclutador";}
        if(csFirst>=325){nivT="Cazador";}
        if(csFirst>=450){nivT="Iniciado";}
        if(csFirst>=600){nivT="Aprendiz de Chamán";}
        if(csFirst>=1000){nivT="Chamán de la Tribu";}
            
        document.getElementById('resultados').innerHTML =
              "El número de ratones salvados en modo normal que has introducido, equivalen al rango -> "+nivU+
              "<br> El número de ratones salvados en modo dificil que has introducido, equivalen al rango -> "+nivD+
              "<br> El número introducido de veces que has llegado el primero, equivalen al rango -> " + nivT;
    }
</script>
 
    </head>
 
<body>
 
<form id="ratones" name="form1" method="post" action="#" >
    UNO 
    <input type="text" id="csaves" name="csaves" onKeyPress='return entero(event,this)' /> 
    <hr>
    DOS 
    <input type="text" id="csavesh" name="csavesh" onKeyPress='return entero(event,this)' />
    <hr>
    TRES 
    <input type="text" id="cfirst" name="cfirst" onKeyPress='return entero(event,this)' />
    <hr>
    <input type="button" id="btnComprobar" name="btnComprobar" value="Calcular ratones salvados" onclick="comprobar();" />
</form>
<div id="resultados"></div>
</body>

ThunderWolf · #3 (**permalink**) 17/07/2011, 11:10

¡Muchísimas gracias!

Has transformado un código anodino en una obra maestra, estoy en deuda contigo.