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

JavaScript 1.3
Jeux

  Recherche d'un nombre alléatoire

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 trouver un nombre qui a été choisi par l'ordinateur.
  Principe
Une fonction de choix du nombre alléatoire, fonction de base de JavaScript : Math.random(), une fonction pour comparer la saisie du visiteur à ce nombre et le tour est joué.
  Le script
dans la partie <head>
<script language="JavaScript">
function choix() {

// on teste si la gamme de recherche a été sélectionnée
if ( document.formulaire.zone.value == "0" ) {
alert('Choisissez la largeur de recherche');
return false;
}

// si elle a été sélectionnée, on prend un nombre au hasard entre 0 et le maximum spécifié
if (document.formulaire.zone.value != "0" ) {
valeur = Math.round(Math.random() * document.formulaire.zone.value);
document.formulaire.nombre.value = valeur;
document.formulaire.proposition.value = "";
document.formulaire.aide.value = "";
document.formulaire.scoring.value = "";
alert('Commencez a chercher...');
}
}

function verification() {
var prop = document.formulaire.proposition;
var help = document.formulaire.aide;
var score = document.formulaire.scoring;

// si la proposition est égale au nombre caché...
if ( prop.value == valeur ) {
help.value = 'Gagne !!';
alert('Gagne');
}

// si elle est trop petite...
if ( prop.value < valeur ) {
help.value = 'Trop petit...';
score.value++
}

// si elle est trop grande...
if ( prop.value > valeur ) {
help.value = 'Trop grand...';
score.value++
}
}
</script>

dans la partie <body>
<form name="formulaire">
<!-- On stocke ici la gamme de recherche -->
<input type="hidden" name="zone" value="0">

<!-- on stocke ici le nombre recherché -->
<input type="hidden" name="nombre">
Gamme de recherche :
<input type="radio" name="gamme" value="100" OnClick="document.formulaire.zone.value='100';"> de 0 a 100
<input type="radio" name="gamme" value="1000" OnClick="document.formulaire.zone.value='1000';"> de 0 a 1000
<input type="button" value="Choisir un nombre" OnClick="choix();">
<input type="text" name="proposition" size="5"> <input type="button" value="Proposer" OnClick="verification();">
<input type="text" name="aide" size="20">
Votre score : <input type="text" name="scoring" size="5">
</form>
  Démonstration
Gamme de recherche :
de 0 a 100
de 0 a 1000



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_rech_nb.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    jeux_rech_nb2.zip
    1 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