Jeu de rock, de papier et de ciseaux utilisant JavaScript

Rock, Paper et Scissor sont un jeu bien connu dans le monde entier que presque tout le monde a joué dans son enfance. Pour les gens normaux, c'est une bonne mémoire d'enfance, mais pour les programmeurs, c'est une bonne pratique de codage. Les programmeurs débutants doivent toujours rechercher des problèmes intéressants et faciles à mettre en œuvre. Et c'est l'un d'eux. Cet article démontrera la mise en œuvre du jeu RPS avec JavaScript.

Étape 1: Configurer la page Web HTML

Commencez par créer une nouvelle page Web HTML, et dans cette page Web, faites les choses suivantes:

• Saluer l'utilisateur ou les défier
• Inclure un bouton de démarrage qui démarre le jeu

Pour ce faire, utilisez les lignes suivantes à l'intérieur du document HTML:

Jouons à un jeu de ciseaux de papier rock

Type 0 pour la roche, 1 pour le papier, 2 pour les ciseaux




Commencer

Dans les lignes ci-dessus, l'utilisateur est également informé que le 0 signifie Rock, 1 signifie papier et 2 signifie ciseaux. Ce sont également les règles qui seront mises en œuvre pour déterminer le gagnant. De plus, le bouton a une propriété OnClick définie sur le démarrer jeu() Méthode, qui démarrera le jeu une fois que l'utilisateur le cliquera.

Chargez le HTML dans les navigateurs, et il affichera la page Web suivante:

Tout est placé o = au centre de la page Web grâce au étiqueter

Étape 2: code javascript pour la fonctionnalité du jeu

Commencez par créer la fonction démarrer jeu() qui sera appelé sur chaque bouton Appuyez sur:

fonction startGame ()
// Le code à venir va à l'intérieur ici

Après cela, générez le mouvement de l'ordinateur, n'oubliez pas qu'il n'y a que 3 options différentes, 0,1 et 2. 0 signifie rock, 1 support pour le papier et 2 signifie ciseaux:

cm = mathématiques.sol (mathématiques.Random () * 3);

Cela fournit une valeur aléatoire de 0 à 2 et la stocke à l'intérieur de la variable cm Debout pour le mouvement de l'ordinateur.

Après cela, utilisez une invite pour dire à l'utilisateur de saisir son choix, de stocker ce choix dans une variable, puis de le convertir en int en utilisant le parseInt () Méthode et stocker la valeur finale dans la variable "PM »:

entrée = invite ("Entrez votre choix!");
pm = parseInt (entrée);

Après cela, écrivez les règles pour décider du vainqueur du jeu en utilisant les règles suivantes:

• Rock bat des ciseaux
• Scissor bat du papier
• Le papier bat du rock
• Même signe => cravate

Ces règles sont mises en œuvre avec des instructions IF Sif-else simples avec les lignes suivantes:

if (cm == 0 && pm == 1)
alert ("vous battez l'ordinateur avec du papier contre rock");
elseif ((cm = 0 && pm == 2))
alert ("ordinateur vous battre avec rock");
elseif ((cm = 1 && pm == 0))
alert ("ordinateur vous battre avec du papier");
elseif ((cm = 1 && pm == 2))
alert ("vous battez l'ordinateur avec des ciseaux contre du papier");
elseif ((cm = 2 && pm == 0))
alert ("vous battez l'ordinateur avec Rock contre Scissor");
elseif ((cm = 2 && pm == 1))
alert ("ordinateur vous battre avec des ciseaux");
autre
alerte ("c'est une cravate");

Après cela, fermez simplement le support final du démarrer jeu() Et la partie javascript est effectuée.

L'extrait JavaScript complet est le suivant:

fonction startGame ()
cm = mathématiques.sol (mathématiques.Random () * 3);
entrée = invite ("Entrez votre choix!");
pm = parseInt (entrée);
if (cm == 0 && pm == 1)
alert ("vous battez l'ordinateur avec du papier contre rock");
elseif ((cm = 0 && pm == 2))
alert ("ordinateur vous battre avec rock");
elseif ((cm = 1 && pm == 0))
alert ("ordinateur vous battre avec du papier");
elseif ((cm = 1 && pm == 2))
alert ("vous battez l'ordinateur avec des ciseaux contre du papier");
elseif ((cm = 2 && pm == 0))
alert ("vous battez l'ordinateur avec Rock contre Scissor");
elseif ((cm = 2 && pm == 1))
alert ("ordinateur vous battre avec des ciseaux");
autre
alerte ("c'est une cravate");

Étape 3: jouer au jeu

Lancez le document HTML et cliquez sur le commencer bouton et commencez à jouer au jeu comme:

Avec cela, la roche, le papier et les ciseaux fonctionnent pleinement, APPRÉCIER!

Conclure

Le rock, le papier et les ciseaux sont non seulement un jeu d'enfance pour beaucoup, mais aussi un excellent exercice de programmation pour les nouveaux programmeurs. De tels exercices sont non seulement amusants à mettre en œuvre, mais ils aiguisent également les compétences d'un programmeur débutant. Dans cet article, un jeu complet du rock, du papier et des ciseaux a été mis en œuvre, et chaque étape a été expliquée par une.