Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3
Jeux

  Attrapez la mouche !!
(recherche de deux nombres alléatoires)

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de proposer au visiteur un petit jeu où il doit retrouver une mouche dans une grille de 100 sur 100. L'ordinateur ayant choisi un placement alléatoire.
  Principe
Une fonction de choix de deux nombres alléatoires, fonction de base de JavaScript : Math.random(), une fonction pour comparer les saisies du visiteur à ces nombres et le tour est joué.
  Le script
dans la partie <head>
<script language="JavaScript">
function choix() {

// on choisi la valeur en abcisse (valeurx)
valeurx = Math.round(Math.random() * 100);
document.formulaire.nombrex.value = valeurx;

// on choisi la valeur en ordonnée (valeury)
valeury = Math.round(Math.random() * 100);
document.formulaire.nombrey.value = valeury;
alert('J\'ai choisi.\nVous pouvez commencer a chercher...');
}

function verification() {
var propx = document.formulaire.propositionx;
var propy = document.formulaire.propositiony;
var helpx = document.formulaire.aidex;
var helpy = document.formulaire.aidey;
var score = document.formulaire.scoring;

// si la proposition est égale aux nombres cachés...
if ( propx.value == valeurx && propy.value == valeury ) {
helpx.value = 'Vous avez...';
helpy.value = 'Gagne !!';
}

// toutes les autres possibilités...
if ( propx.value == valeurx && propy.value < valeury ) {
helpx.value = 'C\'est la bonne colonne';
helpy.value = 'Trop bas...';
score.value++;
}
if ( propx.value == valeurx && propy.value > valeury ) {
helpx.value = 'C\'est la bonne colonne';
helpy.value = 'Trop haut...';
score.value++;
}
if ( propx.value < valeurx && propy.value == valeury ) {
helpx.value = 'Trop a gauche...';
helpy.value = 'C\'est la bonne ligne';
score.value++;
}
if ( propx.value > valeurx && propy.value == valeury ) {
helpx.value = 'Trop a droite...';
helpy.value = 'C\'est la bonne ligne';
score.value++;
}
if ( propx.value < valeurx && propy.value < valeury ) {
helpx.value = 'Trop a gauche...';
helpy.value = 'Trop bas...';
score.value++;
}
if ( propx.value > valeurx && propy.value < valeury ) {
helpx.value = 'Trop a droite...';
helpy.value = 'Trop bas...';
score.value++;
}
if ( propx.value < valeurx && propy.value > valeury ) {
helpx.value = 'Trop a gauche...';
helpy.value = 'Trop haut...';
score.value++;
}
if ( propx.value > valeurx && propy.value > valeury ) {
helpx.value = 'Trop a droite...';
helpy.value = 'Trop haut...';
score.value++;
}
}
</script>

dans la partie <body>
Une mouche se cache sur une grille de 100 sur 100, proposez ses coordonnées en X et Y...
<form name="formulaire">
<!-- on stocke ici la valeur X -->
<input type="hidden" name="nombrex">
<!-- on stocke ici la valeur Y -->
<input type="hidden" name="nombrey">
<input type="button" value="Choisir un nombre" OnClick="choix();">
X : <input type="text" name="propositionx" size="5">   Y : <input type="text" name="propositiony" size="5">   <input type="button" value="Proposer" OnClick="verification();">
Aide X : <input type="text" name="aidex" size="20">
Aide Y : <input type="text" name="aidey" size="20">
Votre score : <input type="text" name="scoring" size="5" value="0">
</form>
  Démonstration
Une mouche se cache sur une grille de 100 sur 100, proposez ses coordonnées en X et Y...

X :   Y :  
Aide X :
Aide Y :
Votre score :
  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
    		•
    Script intégré :
    jeux_mouche.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    jeux_mouche2.zip
    2 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter