Comment coder un jeu de memory (trouver les paires) en javascript

Bonjour,

J'ai un petit projet a faire en Javascript dans le cadre d'un cour et je suis un peu perdu.

Je vous présente donc ce que je dois créer :

Un jeux de « match d'image » : les images sont tournée face contre terre.
Lorsque l'utilisateur clique sur une image, elle se retourne. Si la deuxième
retournée est identique elles reste ouvertes sinon elle se re-cache et une
erreur est comptabilisée. Après 3 erreurs c'est un échec. Si toutes les
images sont découvertes sans atteindre 3 erreurs, c'est une victoire.
(cachez 12 images ou plus).

J'aurai besoin d'aide pour débuter, quel fonction je pourrai utiliser par exemple ?

Si vous avez besoin de plus d'information pour pouvoir m'aider n'hésiter pas a demander.

Merci d'avance pour vous réponse ;)

Vyncent

Bonjour, et bienvenue sur le forum.

Peut-être tu peux commencer par nous montrer ce que tu as fait ou au moins nous exposer tes réflexions.

Prend les problèmes dans l'ordre ; ne cherche pas à tout faire d'un coup. Quel est selon toi le point de départ ? A quel moment es-tu bloqué ?

Donc voici ma réfléxion : Je crois qu'il faudrai faire par exemple un onclick sur l'image qui fait changer pour un autre image ( La face caché et l'image) peut etre avec du innerHTML. Et pour savoir si deux image sont pareil il faudrai comparer des valeur ( un name par exemple ) et par la suite si le cas ou les deux name sont pareil est vrai il faudrai que les deux image reste fixe face tourné et qu'on ne puissent plus les tourné. Bref je ne sait pas si je suis dans la bonne voie c'est un peu pour ca que je demande de l'aide aussi ^^'

Citation:

---

Envoyé par Vyncent

Donc voici ma réfléxion : Je crois qu'il faudrai faire par exemple un onclick sur l'image qui fait changer pour un autre image ( La face caché et l'image) peut etre avec du innerHTML. Et pour savoir si deux image sont pareil il faudrai comparer des valeur ( un name par exemple ) et par la suite si le cas ou les deux name sont pareil est vrai il faudrai que les deux image reste fixe face tourné et qu'on ne puissent plus les tourné. Bref je ne sait pas si je suis dans la bonne voie c'est un peu pour ca que je demande de l'aide aussi ^^'

---

Ca me parait bien, mais changer l'image en tant que tel est peut-être trop compliqué ...Tu peux positionner dans un même conteneur les 2 images et toujours en avoir une seule visible...

Tester les images par un name est une solution, tu pourrais aussi comparer directement le src...

Après pour interdire de cliquer sur une image déjà retournée, le plus simple est certainement d'attacher le listener sur click uniquement sur les images "retournées". Si après avoir retourné 2 images elles sont différentes, les re-cacher peut se faire automatiquement après qqs secondes

Citation:

---

Envoyé par gwyohm

Ca me parait bien, mais changer l'image en tant que tel est peut-être trop compliqué ...Tu peux positionner dans un même conteneur les 2 images et toujours en avoir une seule visible...

Tester les images par un name est une solution, tu pourrais aussi comparer directement le src...

Après pour interdire de cliquer sur une image déjà retournée, le plus simple est certainement d'attacher le listener sur click uniquement sur les images "retournées". Si après avoir retourné 2 images elles sont différentes, les re-cacher peut se faire automatiquement après qqs secondes

---

J'ai pas trop compris cette partit :
"d'attacher le listener sur click uniquement sur les images "retournées". Si après avoir retourné 2 images elles sont différentes, les re-cacher peut se faire automatiquement après qqs secondes"

Mais sinon merci ca m'a aidé pour commencer

Ce que je veux dire, c'est que seules les images représentant les cartes face contre terre observent l'élément click.

Quand 2 cartes ont été retournées, si les 2 images représentant les cartes face visible sont différentes, tu repasses en mode cahcé au bout de qqs secondes

dit donc ça sent gros le devoir d'étude à faire ça

faire faire les TP par les autre n'a jamais aidé à apprendre

A+JYT
PS: je me trompe peut être...

tiens si tu veux t'amuser à décoder ce bazar...
il y a bien longtemps... :roll:

http://javatwist.imingo.net/mahriage.php