Jeu des paires

Soyez le premier à donner votre avis sur cette source.

Vue 13 318 fois - Téléchargée 1 267 fois

Description

Il s'agit d'un petit jeu de mémoire. Le but est de retrouver toutes les paires dans le jeu.

Source / Exemple :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
	<head>
		<title>LE JEU DES PAIRES</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script language="JavaScript" type="text/javascript">
<!--
cartes=["c1","c2","c3","c4","c5","c6","c7","c8","c9","c10","t1","t2","t3","t4","t5","t6","t7","t8","t9","t10"];
cartes2=new Array();
choix=new Array();
choix2=new Array();
com=paire=0;
control=false;
var cont, test, test2;

function genere()
{
for (i=0; i<10; i++)
{
do
{
choix[i]=Math.floor(Math.random()*20);
test=true;
for (j=0; j<i; j++)
{
if (choix[j]==choix[i])
test=false;
}
}
while (test==false)
cartes2[i]=cartes[choix[i]];
}
for (z=0, l=10; z<10, l<20; z++, l++)
{
do
{
choix2[z]=Math.floor(Math.random()*10);
test2=true;
for (k=0; k<z; k++)
{
if (choix2[k]==choix2[z])
test2=false;
}
}
while (test2==false)
cartes2[l]=cartes2[choix2[z]];
}
alert("Le jeu est prêt !\nVous pouvez cliquer sur les cartes retournées.");
control=true;
}

function joue(n)
{
if (control != true)
{
alert("Vous n'avez pas cliqué sur DÉMARRER !");
return false;
}
com++;
document.images[n].src=cartes2[n]+".gif";
if (com==1)
{
cont=n;
return false;
}
else if (com==2)
{
com=0;
if (cartes2[n]==cartes2[cont])
{
paire++;
alert("Vous avez trouvé une paire");
if (paire==10)
{
paire=0;
alert("Vous avez gagné la partie !");
return false;
}
else
window.status="Nombre de paires trouvées: "+paire;
}
else
{
document.images[n].src="inconnu.gif";
document.images[cont].src="inconnu.gif";
window.status="CE N'EST PAS LA MÊME CARTE QUE LA PRÉCÉDENTE";
}
}
else
{
alert("Une erreur s'est produite !\nVeuillez recharger la page et recommencer.");
return false;
}
}

function affiche()
{
if (control != true)
{
alert("Vous n'avez pas cliqué sur DÉMARRER !\nAucune image ne peut s'afficher.");
return false;
}
for (b=0; b<20; b++)
{
document.images[b].src=cartes2[b]+".gif";
}
}

function rejoue()
{
location.reload();
}
-->
		</script>
	</head>
	<body bgcolor="#0188c0">
		<h2 align="center">Voici le jeu des paires !</h2>
		<p align="justify">Le but du jeu est de trouvé le plus rapidement possible l'ensemble des 10 paires du jeu.<br />Les régles du jeu sont simples:<ul><li>Cliquez sur le bouton "DEMARRER". Un message de confirmation indique que le jeu est prêt.</li><li>Cliquez ensuite sur la carte de votre choix qui sera découverte. Mémorisez cette carte.</li><li>Cliquez sur une seconde carte. Si cette carte est identique à la première, vous avez trouvé une paire et une boite de dialogue vous le confirmera. Dans ce cas les deux cartes restent apparentes. Si la seconde carte est différente, vous ne la verrez pas mais un message dans la barre d'état (si celle-ci est activée) vous indiquera que ce n'est pas la même carte. Dans ce cas, la première carte sera de nouveau retournée.</li><li>A chaque paire trouvée, le nombre de paire est incrémenté jusqu'à atteindre 10 paires qui indiquera la fin de la partie.</li><li>Pour rejouer, cliquez sur "NOUVELLE PARTIE" puis de nouveau sur "DEMARRER".</li><li>Il est possible d'afficher toutes les cartes en cliquant sur "AFFICHER LES CARTES".</li><ul></p>
		<center>
			<img src="inconnu.gif" alt="1er carte" height="116" width="72" border="2" onClick="joue(0);" />
			<img src="inconnu.gif" alt="2er carte" height="116" width="72" border="2" onClick="joue(1);" />
			<img src="inconnu.gif" alt="3er carte" height="116" width="72" border="2" onClick="joue(2);" />
			<img src="inconnu.gif" alt="4er carte" height="116" width="72" border="2" onClick="joue(3);" />
			<img src="inconnu.gif" alt="5er carte" height="116" width="72" border="2" onClick="joue(4);" />
			<br />
			<img src="inconnu.gif" alt="6er carte" height="116" width="72" border="2" onClick="joue(5);" />
			<img src="inconnu.gif" alt="7er carte" height="116" width="72" border="2" onClick="joue(6);" />
			<img src="inconnu.gif" alt="8er carte" height="116" width="72" border="2" onClick="joue(7);" />
			<img src="inconnu.gif" alt="9er carte" height="116" width="72" border="2" onClick="joue(8);" />
			<img src="inconnu.gif" alt="10er carte" height="116" width="72" border="2" onClick="joue(9);" />
			<br />
			<img src="inconnu.gif" alt="11er carte" height="116" width="72" border="2" onClick="joue(10);" />
			<img src="inconnu.gif" alt="12er carte" height="116" width="72" border="2" onClick="joue(11);" />
			<img src="inconnu.gif" alt="13er carte" height="116" width="72" border="2" onClick="joue(12);" />
			<img src="inconnu.gif" alt="14er carte" height="116" width="72" border="2" onClick="joue(13);" />
			<img src="inconnu.gif" alt="15er carte" height="116" width="72" border="2" onClick="joue(14);" />
			<br />
			<img src="inconnu.gif" alt="16er carte" height="116" width="72" border="2" onClick="joue(15);" />
			<img src="inconnu.gif" alt="17er carte" height="116" width="72" border="2" onClick="joue(16);" />
			<img src="inconnu.gif" alt="18er carte" height="116" width="72" border="2" onClick="joue(17);" />
			<img src="inconnu.gif" alt="19er carte" height="116" width="72" border="2" onClick="joue(18);" />
			<img src="inconnu.gif" alt="20er carte" height="116" width="72" border="2" onClick="joue(19);" />
			<br />
			<br />
			<form>
				<input type="button" value="DEMARRER" onClick="genere();" />
				<br />
				<br />
				<input type="button" value="AFFICHER LES CARTES" onClick="affiche();" />
				<br />
				<br />
				<input type="button" value="NOUVELLE PARTIE" onClick="rejoue();" />
			</form>
		</center>
	</body>
</html>

Conclusion :


Le fichier HTML et les images des cartes de jeu sont dans le ZIP. Toutes les instructions sont intégrées dans le fichier HTML...

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

cs_Romain128
Messages postés
89
Date d'inscription
mercredi 9 mars 2005
Statut
Membre
Dernière intervention
7 novembre 2005

Il y a un petit truc genant (rien de grave):
Si on se trompe en cliquant sur deux mauvaises paires, on ne voit pas la deuxieme image sur laquelle on a cliqué...
Essaie d'ameliorer ca!
PS:Marche sous Firefox(et donc sous Mozilla et les autres)...
Aime les lezards et les lezards t'aimeront!
cs_dave12
Messages postés
3
Date d'inscription
mardi 15 mars 2005
Statut
Membre
Dernière intervention
1 avril 2005

J'ai essayé et ça marche bien (sous IE6).

1 amélioration possible :
Comme le dit "Romain128" : si la 2ème carte ne correspond pas à la 1ère on devrait quand même la visualiser afin de la mémoriser. Et ensuite les 2 carte se retournent à nouveau

1 anomalie de fonctionnement :
Si je clique 2 fois sur la même carte, j'ai le message "Vous avez trouvé une paire"... et ensuite la carte cliquée reste affichée !
Geoffroy74
Messages postés
14
Date d'inscription
vendredi 18 janvier 2013
Statut
Membre
Dernière intervention
31 janvier 2013

oui super sympa ton jeu et suis ok avec Dave12 et Romain128 ;)

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.