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

Ce site au démarrage

begin process at 2012 02 13 02:39:41

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é :7 713 / 545

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

AVVDA : A VERY VERY DARK AFFAIRES DEMO par Cyreb

3D AVEC WEBGL + MESH par Hakumbaya

SUDOKU RESOLVER (BRUTEFORECE, RÉCURSION) par amezghal

MACHINE À SOUS par loicseg

DOODLE JUMP EN JAVASCRIPT par Toshy62

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

[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz

SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc

[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier

[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet

TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice

Forum

GOOGLE MAP PB ZINDEX MARKER par philou8

RE : AIDE SUR UN SCRIPT?? par NHenry

AIDE SUR UN SCRIPT?? par xavpac

[CPAINT ERROR] INVALID HTTP RESPONSE CODE '0 ' par warsez

[DEMANDE] ALGORITHME DJIKSTRA MéTRO/RER PARISIEN par dindin22

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Passerelle Pericles sur site Joomla 17
Budget : 499€
Infogerance Serveur Debian Linux
Budget : 2 400€
Developpeur applications iphone - ipad - android
Budget : 800€

Logiciels

Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning