Designed by Maunakea !
158 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche

 NewsLetter





   

Jeux de l'été (et de 3)

Un petit jeu de pendu





DB77
C'est reparti pour un tour...
Nous allons réviser quelques termes informatiques...
Je vous propose cette révision par le biais d'un jeu de pendu. Un mot est tiré au hasard puis affiché avec sa première et sa dernière lettre séparées par des points. Vous proposez des lettres en cliquant sur des boutons et l'ordinateur vous met la lettre dans le mot si elle existe ou vous "pend" petit à petit si elle ne fait pas partie du mot...
A vous d'être perspicace pour ne pas finir au bout d'une corde ;-)

Tester la démo - Télécharger tous les fichiers

 Fonctionnement 
Ci-dessous le code commenté.
Le principe est simple, identique au jeu connu de tous. Les messages peuvent bien sûr être adaptés à vos besoins... Il peut également être rendu plus difficile en affichant aucune lettre au départ mais uniquement des points.

Le fichier "mots_pendu.js", dans lequel sont stockés les mots, est volontairement absent de cette page. Il contient 45 mots stockés sous la forme :
var Mot=new Array("Mot 1","Mot 2","Mot 3", ... ,"Mot n");
L'avantage d'avoir un fichier séparé vous permet de créer des thèmes différents. En effet, vous pouvez très bien avoir un fichier contenant des termes informatiques, un autre fichier contenant des termes médicaux, etc.

pendu.htm 
<html>
<head>
<script language="Javascript" src="mots_pendu.js"></script>
<script language="Javascript">
var NbMots=Mot.length; // Nb mots contenus dans la table Mot
var Tirage=Math.floor(Math.random()*NbMots); // Tirer aléatoirement un mot
var Cherche=Mot[Tirage]; // Stocker le mot tiré
var Long=Cherche.length; // Calculer la longueur du mot tiré
var Chaine=Cherche.substr(0,1); // Créer la chaine à afficher
for(i=1;i<=(Long-2);i++){Chaine+=".";} // en mettant des . au milieu
Chaine+=Cherche.substr(Long-1,Long);
Propos=""; // Lettres proposées
NbErr=0; // Nombre d'erreurs
// Pour afficher les lettres du mot, on va aérer avec des espaces
function aff_mot()
{
Tampon="";
for(i=0;i<Long;i++){Tampon=Tampon+" "+Chaine.substr(i,1);}
document.frm.what.value=Tampon;
}
// Voir si la lettre existe dans le mot
function trouve(Lettre)
{Propos=Propos+Lettre; // La stocker dans les lettres proposées
trv=0; // On considère au départ que la lettre n'est pas trouvée
document.frm.coups.value="Jouées : "+Propos; // On affiche les lettres déjà jouées
for (i=0;i<Long;i++) // Boucle de recherche de la lettre
   {
   if(Cherche.substr(i,1)==Lettre){ //  Et prise en compte si trouvée
      trv=1; // On a trouvé cette lettre
      gauche=Chaine.substr(0,i); // On crée la chaine
      droite=Chaine.substr(i+1,Long); // en y insérant
      Chaine=gauche+Lettre+droite; // la lettre trouvée
      }
   }
aff_mot(); // On affiche le mot 
if(trv==0){NbErr+=1;} // Si la lettre n'a pas été trouvée, +1 dans Erreurs
if(NbErr>0){document.pict.src="pendu"+NbErr+".gif";} // Image à afficher
if(NbErr>5){ // A-t-il perdu ?
   alert("Vous êtes pendu(e) !\nIl fallait trouver :\n"+Cherche);
   location.reload(true);}
if(Chaine==Cherche){alert("Bravo !");location.reload(true);} // A-t-il gagné ?
}
</script>

<style>
input   {
   border-color:#000000;border-width:1;
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
   font-size:14;color:#000000;
   }
</style>

</head>
<body onLoad=aff_mot()><center>
<table width=300 border=0><tr><td align=center>
<h3>Un petit jeu de PENDU</h3></td><td>&nbsp;</td></tr><tr><td width=250 align=center>
<form name="frm"><script>
document.write("<input type=text name=what value='' size="+(2*Long)+">");</script>

<br><br>
<!-- Boucle d'affichage des lettres de l'alphabet avec fonction correspondante -->
<script>
for (i=65;i<=90;i++) // en deux morceaux pour des raisons d'affichage ici
{document.write("<input type=button accesskey='&#"+i+";' ");
document.write("value='&#"+i+";' onClick=trouve('&#"+i+";')>");
if (i==77){document.write("<br>");}}</script>

<br><input type=text name=coups value='' size=30 style="border-width=0px;">
</form></td><td width=50><img src="pendu0.gif" name=pict></td></tr></table>
</center>
</body>
</html>

A vos claviers...
Et protégez bien votre cou...

Pour pouvoir écrire dans ce forum, identifiez-vous !

  v1.3p © ASP-PHP.net 2002  

DB77 le 08/02/2008 (19 094 hits)
Didier 11 logiciels Microsoft GRATUITS dont Visual Studio 2008 Pro,
SQL Server 2005, Expression Studio, Windows Server 2003, Office project Pro, etc... !!!
Au fil des news  
Magazines - Le n°108 de Programmez est disponible
Adobe - Téléchargez gratuitement le dossier spécial Adobe
Magazines - Le N°107 de Programmez est disponible.
Créer une Feature d'administration sous SharePoint - Comment créer un composant d'administration
Dans les précédents articles, nous avons évoqué la création de pages personnalisées dans ...
PHP - Afficher une date : multilangage et relative
Agenda - Inscrivez-vous au WygDay [Wygwam] le 22/5 à Lille
Sync Framework - Introduction au MS Sync Framework - Installation
Microsoft, lors du Keynote du TechEd Europe 2007, a annoncé la mise à disposition d'un nouveau ...
Reporting Services et SharePoint - Utiliser SharePoint comme source de données
Dans un précédent article, nous avons pu apprendre comment créer un rapport utilisant une source de ...
JavaScript - Affiche un calendrier sous une zone de saisie
Adobe - Adobe lance la version bêta publique de Photoshop
Microsoft Expression Web - Premier contact
Je suis revenu des Techday's 2008 avec une idée en tête. Je voulais savoir comme travailler avec ...
PHP & MySQLi - de Hello / Sector One
Hello de Sector One propose un article avec PHP et MySQLi, la nouvelle extension de MySQL
VBScript - Zip de fichiers automatique et efface la source
Dreamweaver CS3 + Php + Mysql - Trucs et Astuces - Part 4 -
Pour changer, deux nouvelles astuces pour vous . Alternate Colors. Inscription et envoi de mail
Magazines - Le N°106 de Programmez est disponible.
Divers - Zone Webmasters
PHP5 - Classe de connexion à MySQL
Agenda - 20/03 : Boostez vos applis PHP-Windows Server 2008
Créer un thème graphique pour WSS V3 - Comment créer un thème graphique pour WSS V3
Nous avons vu dans un précédent article comment créer une master page. Il peut parfois être ...
Les plans de maintenance et SQL Server 2000 - Installer un plan de maintenance sous SQL Server
Dans le cadre de la gestion d'instances SQL Server 2000 hébergeant SharePoint, il est intéressant ...
PHP - PHP et MYSQL - MySQLi - PDO
Jeux de l'été (et de 4) - Un petit jeu de Mastermind
C'est reparti pour un tour... Il y avait longtemps que je n'étais pas venu vous proposer un petit ...
Migration WSS avec un Site Template spécifique - Migration WSS avec un Site Template spécifique
Les précédents articles nous ont permis de voir les différents modes de migration de WSS V2 vers ...
DataBase Upgrade de WSS V2 vers WSS V3 - Upgrade de WSS V2 vers WSS V3 par la DataBase
Parmi les trois modes de migration de Windows SharePoint Services V2 vers WSS V3, nous avons vu les ...
Création de module DotNetNuke en C# - Source : Jerome Fortias sap-integration.net
Je vous propose un nouvel article consacré au développement de modules pour DotNetNuke en C#. Il ...
ASP-PHP.net - On sera aux MS TechDays 2008 ! et vous ?
Créer son modèle de rapports SSRS - Créer son modèle de rapports Reporting Services
Après la création du modèle de style pour Reporting Services, il est souhaitable aussi d'avoir un ...
PHP - publipostage sur rtf préformaté avec mysql
Créer son style de rapports SSRS - Créer son style de rapports Reporting Services
Lorsqu'on travaille avec Reporting Services pour développer ses rapports, on veut très souvent ...
.NET - C#2 et ASP.NET 2.0 - Développez un projet de A à Z
SharePoint - MOSS 2007 - De l'intégration au développement
PHP - PHP 5 MySQL 5 AJAX
Découverte de Visual Studio 2008 -
Microsoft a annoncé, lors du TechEd'07 organisé à Barcelone, la mise à disposition de la release de ...
Adobe - Photoshop Elements 6 Version MAC
Adobe - Adobe sur Intergraphic 2008
Reporting Services et données XML - Utiliser des données XML dans Reporting Services
Une demande récente que j'ai reçue : Comment utiliser des données provenant d'un flux XML dans ...
Dreamweaver CS3 + XML + Ajax - Création d'une région détail
Dans cet article, je vais vous montrer comment utiliser la technique région détail, avec Spry
PHP - Jolie arborescence dynamique
Magazines - Le N°104 de Programmez est disponible
PHP - PhPBB 3.0.0 !!!
Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
  Scripts : Scripting | ASP-PHP | ASP.net | Divers
  Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats
v3 © Didier 2003   
 

Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
 DotNet Project CodePPC Wygwam Codes Sources MVP El Roubio TechNet Groupes Utilisateurs Microsoft ASP-magazine The Inquirer FR