CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 02 10 11:06:35

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

JEU DES PAIRES

Information sur la source

Note :

8,00 / 10

Catégorie :Jeux Niveau :Débutant Date de création :31/03/2005 Date de mise à jour :31/03/2005 18:39:50 Vu / téléchargé :6 089 / 485

Auteur : olive92

Ecrire un message privé

Site perso

Commentaire sur cette source (2)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

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

Source

<!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>

<!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...

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

c1.gif 9 925 octets
c10.gif 9 988 octets
c2.gif 10 439 octets
c3.gif 9 386 octets
c4.gif 7 048 octets
c5.gif 9 907 octets
c6.gif 9 758 octets
c7.gif 9 772 octets
c8.gif 10 168 octets
c9.gif 10 247 octets
inconnu.gif 369 octets
jeupaires.html 5 529 octets
t1.gif 9 865 octets
t10.gif 10 153 octets
t2.gif 9 755 octets
t3.gif 10 400 octets
t4.gif 10 476 octets
t5.gif 9 684 octets
t6.gif 9 716 octets
t7.gif 9 744 octets
t8.gif 9 954 octets
t9.gif 10 353 octets

Télécharger le zip

Historique

31 mars 2005 18:27:48 :
31 mars 2005 18:39:50 :: ajout du fichier zip.

Sources du même auteur

CRYPTAGE DE TEXTE

NOMBRES PARFAITS

SUITE DE FIBONACCI

DIVISEURS & NOMBRES PREMIERS

DEFILEMENT HORIZONTAL DE TEXTE

Toutes les sources de olive92

Sources de la même categorie

DEMINEUR JAVACSCRIPT | PHP, CONFIGURABLE AVEC LE FRAMWORK JQ... par Nementon

ATTRAPE MOI SI TU PEUT par kazma

LE CÉLÈBRE JEU SNACK par lesnouesremy

QUIZZ MASTER : 2000 QUESTIONS POUR TESTER VOTRE CULTURE par amrounix

BILLARD EN JAVASCRIPT C'EST POSSIBLE ! par amrounix

Toutes les sources de la catégorie Jeux

Commentaires et avis

Commentaire de Romain128 le 31/03/2005 20:18:24

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!

Commentaire de dave12 le 01/04/2005 11:59:00

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 !

Ajouter un commentaire

Nos sponsors

Derniers Blogs

UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante

TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice

[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion

TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : DéPLOIEMENT DE NOUVELLES TECHNOLOGIES - RETOUR D'EXPéRIENCE PAR L'INFORMATIQUE DE MICROSOFT par ROMELARD Fabrice

Forum

RE : RéCUPERER LA TAILLE D'UN DIV par bumbo

RE : PROTOTYPE: PROBLèME AVEC "EVENT" par bumbo

RE : FONCTION RECHERCHE DATE par jeca

DEFINITION DE LA METHODE SETBORDER par nassim1987

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

module flash de personalisation
Budget : 600€
PLATEFORME SUR L ESOTERISME VOYANCE - sans charte graphique
Budget : 3 500€
Joomla 15 module paiement adaptation composant cuisine
Budget : 250€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5