Gra rock, papierowa i nożyczka za pomocą JavaScript

Rock, Paper i Nożyczka to znana gra na całym świecie, w której prawie wszyscy grali w dzieciństwie. Dla normalnych ludzi jest to dobra pamięć z dzieciństwa, ale dla programistów jest to dobra praktyka kodowania. Programiści początkujący powinni zawsze szukać interesujących i łatwych do wdrożenia problemów. I to jest jeden z nich. W tym artykule pokazuje wdrożenie gry RPS z JavaScript.

Krok 1: Skonfiguruj stronę internetową HTML

Zacznij od utworzenia nowej strony internetowej HTML, aw tej stronie rób następujące rzeczy:

• Pozdrów użytkownika lub rzuć im wyzwanie
• Dołącz przycisk Start, który rozpoczyna grę

Aby to zrobić, użyj następujących wierszy w dokumencie HTML:

Zagrajmy w Game of Rock Paper Scissors

Typ 0 dla skały, 1 dla papieru, 2 dla nożyczek




Początek

W powyższych wierszach użytkownik jest również powiadamiany, że 0 oznacza skałę, 1 oznacza papier i 2 oznacza nożyczki. Są to również zasady, które zostaną wdrożone w celu ustalenia zwycięzcy. Ponadto przycisk ma ustawioną właściwość OnClick na rozpocząć grę() Metoda, która rozpocznie grę, gdy użytkownik ją kliknie.

Załaduj HTML w przeglądarkach, a wyświetli następującą stronę internetową:

Wszystko jest umieszczone o = na środku strony internetowej dzięki etykietka

Krok 2: Kod JavaScript dla funkcjonalności gry

Zacznij od utworzenia funkcji rozpocząć grę() który zostanie wywołany na każdym przycisku naciśnij:

funkcja startgame ()
// nadchodzący kod wchodzi tutaj do środka

Po tym wygeneruj ruch komputera, pamiętaj, że istnieją tylko 3 różne opcje, 0,1 i 2. 0 oznacza rock, 1 stoisko na papierze i 2 oznacza nożyczki:

cm = matematyka.podłoga (matematyka.Random () * 3);

Zapewnia to losową wartość od 0 do 2 i przechowuje ją w zmiennej cm Stojąc do ruchu komputera.

Następnie użyj wiersza, aby poinformować użytkownika, aby wprowadził swój wybór, przechowuj ten wybór w zmiennej, a następnie przekonwertować go na int za pomocą parseint () Metoda i przechowuj ostateczną wartość w zmiennej ”po południu":

wejście = monit („Wprowadź swój wybór!");
pm = parseint (wejście);

Następnie napisz zasady decydowania o zwycięzcy gry za pomocą następujących zasad:

• Rock Beats Nożyczca
• Nożyczki bije papier
• Papier bije rock
• Ten sam znak =>

Reguły te są wdrażane z prostym if-Else, jeśli stwierdzenia z następującymi wierszami:

if (cm == 0 && pm == 1)
alert („pokonałeś komputer z papierem przeciwko rock”);
elseif ((cm = 0 && pm == 2))
Alert („Computer Beat You with Rock”);
elseif ((cm = 1 && pm == 0))
alert („Komputer bije cię papier”);
elseif ((cm = 1 && pm == 2))
Alert („pokonałeś komputer nożyczką przeciwko papierowi”);
elseif ((cm = 2 && pm == 0))
Alert („pokonałeś komputer z rock przeciwko nożyczce”);
elseif ((cm = 2 && pm == 1))
Alert („Komputer pokonał cię nożyczką”);
w przeciwnym razie
Alert („To jest krawat”);

Po tym po prostu zamknij końcowy wspornik rozpocząć grę() I część JavaScript jest gotowa.

Pełny fragment JavaScript jest następujący:

funkcja startgame ()
cm = matematyka.podłoga (matematyka.Random () * 3);
wejście = monit („Wprowadź swój wybór!");
pm = parseint (wejście);
if (cm == 0 && pm == 1)
alert („pokonałeś komputer z papierem przeciwko rock”);
elseif ((cm = 0 && pm == 2))
Alert („Computer Beat You with Rock”);
elseif ((cm = 1 && pm == 0))
alert („Komputer bije cię papier”);
elseif ((cm = 1 && pm == 2))
Alert („pokonałeś komputer nożyczką przeciwko papierowi”);
elseif ((cm = 2 && pm == 0))
Alert („pokonałeś komputer z rock przeciwko nożyczce”);
elseif ((cm = 2 && pm == 1))
Alert („Komputer pokonał cię nożyczką”);
w przeciwnym razie
Alert („To jest krawat”);

Krok 3: Gra w grę

Uruchom dokument HTML i kliknij początek Button i zacznij grać w grę, jak:

Dzięki temu skała, papier i nożyczka są w pełni funkcjonujące, CIESZYĆ SIĘ!

Zakończyć

Rock, papier i nożyczka to nie tylko gra z dzieciństwa dla wielu, ale także świetne ćwiczenie programowe dla nowych programistów. Takie ćwiczenia są nie tylko zabawne do wdrożenia, ale także wyostrzają umiejętności nowicjusza. W tym artykule wdrożono pełną robotę, papier i grę na nożyczki, a każdy krok został wyjaśniony jeden przez jeden.