Jeu des paires
Description
Il s'agit d'un petit jeu de mémoire. Le but est de retrouver toutes les paires dans le jeu.
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...
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...
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.