Duda realmente simple.

Voldemorth · 24 May 2014

Estimados, me encuentro jugando un poco con js y quiero hacer lo siguiente:
Tengo unas imágenes (6 en total) y quiero que al clikear sobre una de ellas se carge en una variable un valor numerico definido (ejemplo primer imagen vale 1, segunda 2 y así hasta la sexta). El tema es que el usuario tendría que clikear sobre 2 imágenes y debo mostrar el resultado de la suma de ambos valores
Lo que tengo resuelto ahora es una función Sumar que levanta 2 valores pasados como "var1 y var2"y devuelve la suma de ambos.Lo que me complica es cargar las dos variables en el primer y segundo click, para ello cree la lógica de poner ambas variables con valor "0" y comparar si la primer variable es igual a cero cargo el valor en esta, si no compruebo que la segunda sea "0" si lo es cargo en la segunda variable el valor, caso que ambos sean distintos de cero dejo todo como esta.
El problema es llevar esta lógica a código js, agradezco me ayuden.

hugo1 · 24 May 2014

Se me ocurre algo así:

HTML:

<img src="#" valor="1" onclick="sumar(this);" />
<img src="#" valor="2" onclick="sumar(this);" />
<img src="#" valor="3" onclick="sumar(this);" />
<img src="#" valor="4" onclick="sumar(this);" />
<img src="#" valor="5" onclick="sumar(this);" />
<img src="#" valor="6" onclick="sumar(this);" />

HTML:

var numeros_seleccionados=0, suma=0;

function sumar(imagen)
{
    if ( numeros_seleccionados < 2 )
    {
        suma += parseInt(imagen.getAttribute('valor'));
        numeros_seleccionados++;
    }
    
    if ( numeros_seleccionados == 2 )
    {
        alert('El resultado es '+ suma);
        numeros_seleccionados = 0;
        suma = 0;
    }
}

Voldemorth · 24 May 2014

Lo voy a probar, gracias!!!

Duda realmente simple.

Voldemorth Seguir

hugo1

Voldemorth