Comment répondre à un bouton dans votre jeu de html5

category Ordinateurs et logiciels / Programmation / Jeux

Comme dans la plupart des jeux de HTML, l'action réelle se produit lorsque l'utilisateur clique sur un bouton. Ce formulaire comporte deux boutons, mais l'un d'eux se cache la plupart du temps. Pour le moment, se concentrer sur le code qui se produit lorsque l'utilisateur clique sur le bouton vérifier ton estimation.

 checkGuess fonction () {// incrément de les turnsturns de numGuess.js ++ - réponse = tours + ")" - // se deviner à partir userguess = parseInt (txtGuess.value) -Si (conjecture lt; correct) {réponse + = "trop ​​faible" -} else if (devinez> correcte) {réponse + = "trop ​​élevé" -} else if (devinez == correcte) {réponse + = "Correct!" - // montre à nouveau buttonbtnAgain.style.display = "bloc" -} else {réponse + = "S'il vous plaît entrer un nombre entre 1 et 100" -} // fin ifoutput.innerHTML = response-} // fin checkGuess

Cette fonction est un véritable concentré de puissance, mais il n'y a pas beaucoup de mystère. Tout cette fonction ne été prédit par le document de conception. Voici les détails:

  1. Incrémenter le compteur de tour.

    Chaque fois que l'utilisateur clique sur le bouton, elle a pris un virage, donc commencer en ajoutant un au compteur de tour.

  2. Commencer à construire la réponse.

    Le but principal de la checkGuess () fonction est d'obtenir les commentaires de l'utilisateur et retourner une sorte de sortie. Que la production sera stockée dans une variable de chaîne appelée réponse. Réponse commence avec le nombre de tour et une parenthèse.




  3. Obtenez le deviner à partir du champ de texte.

    L'utilisateur aurait dû entrer une valeur dans la zone de texte. Prenez cette valeur, le convertir en un entier, et de le stocker dans le deviner variable.

  4. Vérifiez pour voir si la proposition est trop faible.

    Utilisez un si déclaration pour déterminer si la proposition est inférieure à la réponse correcte. Notez comment attention noms de variables font une ligne très facile de code pour comprendre. Il suffit de dire à l'utilisateur que la proposition est trop faible en ajoutant le message réponse.

  5. Vérifiez pour voir si la proposition est trop élevé.

    Si la proposition est trop élevée, tout ce qui est nécessaire est d'informer l'utilisateur.

  6. Vérifiez pour une estimation correcte.

    Si l'utilisateur devine correctement, il ya un peu plus de travail à faire, mais rien de tout cela est très difficile.

  7. Informer l'utilisateur, elle est correcte.

    Ajouter un message de félicitations au réponse variable.

  8. Afficher le bouton Play Again.

    Si le jeu est terminé, vous avez besoin d'un moyen de réinitialiser afin que l'utilisateur peut jouer à nouveau. Il suffit de montrer le bouton Play Again. Lorsque ce bouton est cliqué, il appelle init (), qui redémarre l'ensemble du jeu (et rehides nouveau sur le bouton Lecture).

  9. Vérifiez les erreurs.

    Vous pourriez penser que la proposition de l'utilisateur serait trop élevé, trop faible, ou de corriger, mais ce ne sont pas les seules options. Si l'utilisateur fait quelque chose de fou, le programme devrait faire quelque chose. La autre clause attrape toute condition qui n'a pas été pris par les tests précédents. Juste rappeler gentiment à l'utilisateur ce que l'entrée est nécessaire, et compter comme un tour.

Articles Similaires

A propos Auteur
Comment gérer les boucles complexes en javascript pour HTML5 et CSS3 programmation Comment gérer les boucles complexes en javascript pour HTML5 et CSS3 programmation

Il ne faudra pas longtemps avant de trouver des situations où la norme de javascript pour ou tandis que boucles ne semblent pas suffisantes pour la programmation HTML5. Considérons une boîte de mot de passe. Vous voulez demander un mot de…

Comment gérer la saisie de texte et de sortie avec javascript pour HTML5 et CSS3 programmation Comment gérer la saisie de texte et de sortie avec javascript pour HTML5 et CSS3 programmation

Peut-être l'application la plus intrigante du DOM dans javascript est la capacité de permettre à l'utilisateur de communiquer avec le programme à travers la page web HTML5, sans toutes ces boîtes de dialogue ennuyeux. Voici une page avec…

Comment faire pour résoudre des erreurs javascript logiques pour HTML5 et CSS3 programmation Comment faire pour résoudre des erreurs javascript logiques pour HTML5 et CSS3 programmation

Les erreurs de logique en javascript sont gênants. En fait, ils sont presque impossibles à résoudre sur votre page HTML5 sans une sorte d'outil de débogage. Cependant, comme une erreur de syntaxe, quand vous pouvez trouver une erreur de…

Comment utiliser javascript pour effectuer une boucle while pour HTML5 et CSS3 programmation Comment utiliser javascript pour effectuer une boucle while pour HTML5 et CSS3 programmation

Ici, vous pouvez voir une boîte de dialogue demandant un mot de passe. Lors de la programmation de votre page web HTML5, vous pouvez utiliser javascript pour atteindre ce même boîte avec un tandis que boucle. Le programme continue à…

Comment utiliser PHP pour construire un programme qui fait son propre formulaire de html5 Comment utiliser PHP pour construire un programme qui fait son propre formulaire de html5

Une application particulièrement importante de la si la structure est unique à la programmation PHP côté serveur. Jusqu'à présent, la plupart de vos programmes PHP requise des deux fichiers séparés: une page HTML pour obtenir des…

Comment faire pour obtenir l'entrée d'utilisateur pour votre application python Comment faire pour obtenir l'entrée d'utilisateur pour votre application python

Très peu de demandes existent dans leur propre monde - qui est, en dehors de l'utilisateur. Cela vaut pour les applications Python ainsi. En fait, la plupart des applications d'interagir avec les utilisateurs d'une manière importante parce que les…

Comment utiliser la déclaration ifelse dans une application python Comment utiliser la déclaration ifelse dans une application python

Même la saisie des données d'un mauvais type produit un message d'erreur en Python, mais entrant dans le bon type de données en dehors de la gamme indique à l'utilisateur rien. Dans cet exemple, vous faire découvrir les moyens pour corriger ce…

Comment affiner votre web validation de formulaire Comment affiner votre web validation de formulaire

Après que vous avez vérifié vos champs requis et fourni une rétroaction à l'utilisateur, vous avez besoin d'affiner la validation de votre formulaire Web. Avant de le faire, vous devriez faire une pause et regarder le code que vous avez ajouté…

Commandes d'entrée pour la TI-84 Plus Commandes d'entrée pour la TI-84 Plus

La Entrée et Prompt commandes de la calculatrice TI-84 Plus sont utilisés dans un programme pour solliciter des informations de l'utilisateur du programme. La Entrée commande demande à l'utilisateur la valeur d'une seule variable et permet au…

Comment trouver primitives en devinant et en vérifiant Comment trouver primitives en devinant et en vérifiant

La méthode suppose-et-chèque fonctionne lorsque le intégrand - qui est la chose que vous voulez antidifferentiate (l'expression après le symbole intégrale, sans compter le dx) - Est proche d'une fonction que vous connaissez la règle inverse…

Pointeurs pour deviner sur le ASVAB Pointeurs pour deviner sur le ASVAB

Peu importe comment vous étudiez pour la ASVAB, vous aurez probablement rencontré quelques questions où vous ne disposez pas d'un indice. Devinez à bon escient, et vous pouvez marquer des points supplémentaires sur de nombreux sous-tests ASVAB.…

Répondre à des questions à choix multiples gre Répondre à des questions à choix multiples gre

La majorité des questions sur le GRE sont en format à choix multiples. La plupart exigent que vous sélectionnez l'un meilleur choix de réponse, mais certains exigent que vous sélectionnez deux ou plusieurs réponses. Les questions qui…

Devrais-je suppose que sur le LSAT? Devrais-je suppose que sur le LSAT?

En cas de doute au sujet de la réponse à une question, devinez. Toujours deviner. Les tests décideurs LSAT ne vous pénalisera pas pour les mauvaises réponses, donc deviner ne fait pas mal, et vous avez toujours la chance que vous pouvez…

Comment changer les permissions de l'utilisateur dans QuickBooks 2011 Comment changer les permissions de l'utilisateur dans QuickBooks 2011

Après que vous avez mis quelqu'un comme utilisateur de QuickBooks, vous pouvez revenir en arrière et modifier les autorisations d'accès que vous avez attribués à lui. Pour ce faire, sélectionnez Configurer les utilisateurs du menu Société…

» » » » Comment répondre à un bouton dans votre jeu de html5