Mandar variable a una función

[RichBoy]

Como puedo mandar una variable a una función para no tener que hacer una función para cada sección?

Código HTML:

<li class="link-a"><a onclick="autos()"href="#">Autos</a></li>
<li class="link-a"><a onclick="animales()"href="#">Animales</a></li>
 

Código Javascript:

function autos(){}
function animales(){}
 

[cristian_cena]

Googlea manejadores de eventos semánticos:

Código HTML:

<li class="link-a"><a id="autos" href="#">Autos</a></li>
<li class="link-a"><a id="animales" href="#">Animales</a></li>
 

Código Javascript:

var unaVariable = "cualquier cosa";
 
function unaFuncionCualquiera(param){
    alert(param);
}
 
window.onload = function(){ //cuando se halla cargado la página
//accedemos al id del elemento html con el método getElementById() del objeto document
    document.getElementById('autos').onclick = function() {
        //usamos la variable global
        alert(unaVariable);                
    }
    document.getElementById('animales').onclick = function(){
        //la pasamos por parametro a una función global (window.unaFuncionCualquiera)
        unaFuncionCualquiera(unaVariable);
    };
}
 

Espero ayude a responder tu pregunta, cualquier cosa solo dime, saludos.

[RichBoy]

Gracia cristian, lo intentare.

[RichBoy]

Y eso como se podría hacer con jquery?

[Albuss]

A ver, si estáis empezando no uséis frameworks, y menos un framework mixto de CSS y JS como es jquery. Hay que tener unos buenos cimientos para construir, si te vas a poner a hacer una casa sin cimientos veras que cada poco se te caen las pareces y pedirás ayuda muy recurrentemente.

[RichBoy]

:D disfruto estas respuestas XD en serio lo hago, pero lo único que me dicen es: aprende, googlea, lee, pero nada mas, gracias Albuss. Creo que tendré que dejar mi código como esta por el momento,una función para cada sección.

[furoya]

:D disfruto estas respuestas XD en serio lo hago, pero lo único que me dicen es: aprende, googlea, lee, pero nada mas,

Que es lo que tenés que hacer antes de venir a postear. Porque nosotros no disfrutamos de preguntas como la tuya.

Hasta en el tutorial más básico vas a encontrar

Código:

<span onclick="miFuncion('autos')">Autos</span>

que te saca del apuro.

Y de paso leete algo sobre usos de anclas, para que no tengás que usarlas por un click, y después "anularles" el href.

O "dejá todo como está", porque si no leíste ningún manual antes de meterte a hacerlo, tenés que agradecer que al menos está funcionando.

[cristian_cena]

Coincido en que es bueno que entiendas conceptos como "ámbito o scope", "objetos, herencia y prototipos", "funciones que retornan funciones" y "closures". Por ejemplo saber lo anterior te serviría para entender que, en jquery, on() es un método y que su segundo parámetro es una función callback. En español hay un blog muy bueno que se llama etnasoft en donde tratan lo dicho.
Te comparto un equivalente al código anterior usando jquery:

Código HTML:

<li class="link-a"><a id="autos" href="#">Autos</a></li>
<li class="link-a"><a id="animales" href="#">Animales</a></li>​
 

Código Javascript:

var variable_global = "soy una propiedad del objeto window!";
 
function funcionGlobal(param){
    return param;
}
 
$(document).on('ready', function(){
    alert("el documento está listo");
    $("#autos").on('click', function(){
       alert(variable_global); //puedes acceder a una variable global desde cualquier punto del script        
    });
    $("#animales").on('click', function(){
        alert(funcionGlobal(variable_global)); //las funciones globales son métodos del objeto window y también pueden ser accedidas desde cualquier punto del script       
    });
});
 

Por ejemplo, en lugar de usar dos funciones, usas funcionGlobal(), luego si necesitas lógica dentro de ella puedes recibir parámetros y anidarle condicionales (if, else, switch) o alguna estructura de control (while, for)
Suerte con eso.

pd: si te dije "googlea" es porque si pones "manejadores de eventos semanticos" entre los primeros resultados habrá un apartado de un libro de introduccion a javascript de la página librosweb.es en donde explican muy bien como poner cada cosa en su lugar, es decir, separar el código html del javascript. Mezclar código en un mismo documento trae problemas a la hora de volver sobre ese código, simplemente es más dificil de entender (googlea "código espagueti / spaghetti code"). En serio, no hay mala onda, al contrario. Si aún no obtienes la respuesta que esperas, pregunta nuevamente, creo poder ayudarte con esto, pero siempre es un 50% de esfuerzo de cada parte. Abrazo.

[furoya]

Es así, yo le puse otras líneas de código elemental para que sintiera un poco de vergüenza por no buscar, pero con tu post tenía palabras clave para entretenerse un buen rato estudiando.