Rock-, Papier- und Scherenspiel mit JavaScript

Rock, Papier und Scheren sind ein bekanntes Spiel rund um den Globus, das fast jeder in seiner Kindheit gespielt hat. Für normale Menschen ist es eine gute Kindheitserinnerung, aber für Programmierer ist es eine gute Codierungspraxis. Anfängerprogrammierer sollten immer nach interessanten und einfach zu implementierenden Problemen suchen. Und das ist einer von ihnen. Dieser Artikel zeigt die Implementierung des RPS -Spiels mit JavaScript.

Schritt 1: Richten Sie die HTML -Webseite ein

Erstellen Sie zunächst eine neue HTML -Webseite und machen Sie in dieser Webseite die folgenden Dinge:

• Begrüßen Sie den Benutzer oder fordern Sie ihn heraus
• Fügen Sie einen Startknopf hinzu, der das Spiel startet

Verwenden Sie dazu die folgenden Zeilen im HTML -Dokument:

Lassen Sie uns ein Spiel mit Rockpapierschere spielen

Geben Sie 0 für Stein, 1 für Papier, 2 für eine Schere ein




Start

In den obigen Zeilen wird der Benutzer auch mitgeteilt, dass der 0 Rock, 1 bedeutet Papier und 2 bedeutet Schere. Dies sind auch die Regeln, die implementiert werden, um den Gewinner zu bestimmen. Außerdem hat die Schaltfläche eine Onclick -Eigenschaft auf die Spiel beginnen() Methode, die das Spiel startet, sobald der Benutzer darauf klickt.

Laden Sie die HTML in den Browsern und zeigt die folgende Webseite an:

Alles ist o = in der Mitte der Webseite platziert dank der Schild

Schritt 2: JavaScript -Code für die Funktionalität des Spiels

Beginnen Sie mit der Erstellung der Funktion Spiel beginnen() die auf jeder Taste aufgerufen werden: Drücken Sie:

Funktion startGame ()
// Der kommende Code geht hier hinein

Danach erzeugen Sie den Zug des Computers, denken Sie daran, dass es nur 3 verschiedene Optionen gibt, 0,1 und 2. 0 steht für Rock, 1 Stand für Papier und 2 Ständer für Scissors:

cm = math.Boden (Mathematik.random () * 3);

Dies liefert einen zufälligen Wert von 0 bis 2 und speichert ihn in der Variablen cm Stehen Sie für den Schritt des Computers.

Nutzen Sie danach eine Eingabeaufforderung, um dem Benutzer zu sagen int durch Verwendung der analysieren () Methode und speichern Sie den Endwert in der Variablen “PM ":

Eingabe = Eingabeaufforderung ("Geben Sie Ihre Wahl ein!");
PM = ParseInt (Eingabe);

Schreiben Sie danach die Regeln für die Entscheidung über den Gewinner des Spiels mit den folgenden Regeln:

• Rock schlägt die Schere
• Schere schlägt Papier
• Papier schlägt Rock
• Gleiches Zeichen => Krawatte

Diese Regeln werden mit einfacher IF-ELSE implementiert, wenn Anweisungen mit den folgenden Zeilen:

if (cm == 0 && pm == 1)
Alarm ("Sie schlagen Computer mit Papier gegen Rock");
elseif ((cm = 0 && pm == 2))
alarm ("Computer Sie mit Rock");
elseif ((cm = 1 && pm == 0))
alarm ("Computer Sie mit Papier geschlagen");
elseif ((cm = 1 && pm == 2))
alarm ("Sie schlagen Computer mit einer Schere gegen Papier");
elseif ((cm = 2 && pm == 0))
alarm ("Sie schlagen Computer mit Rock gegen Scheren");
elseif ((cm = 2 && pm == 1))
alarm ("Computer Sie mit einer Schere");
anders
Alarm ("Es ist eine Krawatte");

Danach schließen Sie einfach die Endhalterung der Spiel beginnen() und der JavaScript -Teil ist erledigt.

Das vollständige JavaScript -Snippet lautet wie folgt:

Funktion startGame ()
cm = math.Boden (Mathematik.random () * 3);
Eingabe = Eingabeaufforderung ("Geben Sie Ihre Wahl ein!");
PM = ParseInt (Eingabe);
if (cm == 0 && pm == 1)
Alarm ("Sie schlagen Computer mit Papier gegen Rock");
elseif ((cm = 0 && pm == 2))
alarm ("Computer Sie mit Rock");
elseif ((cm = 1 && pm == 0))
alarm ("Computer Sie mit Papier geschlagen");
elseif ((cm = 1 && pm == 2))
alarm ("Sie schlagen Computer mit einer Schere gegen Papier");
elseif ((cm = 2 && pm == 0))
alarm ("Sie schlagen Computer mit Rock gegen Scheren");
elseif ((cm = 2 && pm == 1))
alarm ("Computer Sie mit einer Schere");
anders
Alarm ("Es ist eine Krawatte");

Schritt 3: Spiel spielen

Starten Sie das HTML -Dokument und klicken Sie auf die Start Button und beginnen Sie das Spiel wie:

Damit sind Gestein, Papier und Schere voll funktionsfähig, GENIESSEN!

Einpacken

Rock, Papier und Schere sind nicht nur ein Kinderspiel für viele, sondern auch eine großartige Programmierübung für neue Programmierer. Solche Übungen machen nicht nur Spaß beim Implementieren, sondern schärfen auch die Fähigkeiten eines Neulingsprogrammierers. In diesem Artikel wurde ein voll funktionsfähiges Rock-, Papier- und Scherenspiel implementiert, und jeder Schritt wurde nacheinander erklärt.