Rock, Paper and Scissor Game ved hjelp av JavaScript

Rock, papir og saks er et kjent spill over hele kloden som nesten alle har spilt i barndommen. For normale mennesker er det et godt barndomsminne, men for programmerere er det en god kodingspraksis. Nybegynnerprogrammerere bør alltid se etter interessante og enkle å implementere problemer. Og dette er en av dem. Denne artikkelen vil demonstrere implementeringen av RPS -spillet med JavaScript.

Trinn 1: Sett opp HTML -webside

Begynn med å lage en ny HTML -webside, og på den websiden, gjør følgende ting:

• Hilsen brukeren eller utfordre dem
• Inkluder en startknapp som starter spillet

For å gjøre disse, bruk følgende linjer i HTML -dokumentet:

La oss spille et spill med rock -papirsaks

Type 0 for stein, 1 for papir, 2 for saks




Start

I linjene ovenfor blir brukeren også varslet om at 0 betyr berg, 1 betyr papir og 2 betyr saks. Dette er også reglene som vil bli implementert for å bestemme vinneren. Knappen har også en OnClick -eiendom satt til start spill() metode, som starter spillet når brukeren klikker på det.

Last inn HTML i nettleserne, så viser den følgende webside:

Alt er plassert o = i midten av websiden takket være stikkord

Trinn 2: JavaScript -kode for funksjonaliteten til spillet

Begynn med å lage funksjonen start spill() som vil bli kalt på hver knapppress:

funksjon startgame ()
// Den kommende koden går inn her

Etter det genererer datamaskinens trekk, husk at det bare er 3 forskjellige alternativer, 0,1 og 2. 0 står for stein, 1 stativ for papir og 2 stativ for saks:

CM = matematikk.gulv (matematikk.tilfeldig () * 3);

Dette gir en tilfeldig verdi fra 0 til 2 og lagrer den inne i variabelen CM står for datamaskinens trekk.

Etter det kan du bruke en ledetekst for å be brukeren om å gå inn i valget, lagre det valget i en variabel og deretter konvertere det til int Ved å bruke parseint () metode og lagre den endelige verdien i variabelen “PM ”:

input = hurtig ("Skriv inn ditt valg!");
PM = parseInt (input);

Etter det, skriv reglene for å avgjøre vinneren av spillet ved å bruke følgende regler:

• Rock slår saks
• Scissor slår papir
• Paper slår rock
• Samme tegn => slips

Disse reglene implementeres med enkle IF-Else IF-uttalelser med følgende linjer:

if (cm == 0 && pm == 1)
Alert ("Du slår datamaskinen med papir mot stein");
elseif ((cm = 0 && pm == 2))
Alert ("Computer slo You With Rock");
elseif ((cm = 1 && pm == 0))
Varsel ("Datamaskin slo deg med papir");
elseif ((cm = 1 && pm == 2))
Varsel ("Du slår datamaskinen med saks mot papir");
elseif ((cm = 2 && pm == 0))
Alert ("Du slår datamaskinen med rock mot saks");
elseif ((cm = 2 && pm == 1))
Alert ("Datamaskin slo deg med saks");
annet
Varsel ("Det er uavgjort");

Etter det bare lukk sluttbraketten til start spill() og JavaScript -delen er ferdig.

Det komplette JavaScript -utdraget er som følger:

funksjon startgame ()
CM = matematikk.gulv (matematikk.tilfeldig () * 3);
input = hurtig ("Skriv inn ditt valg!");
PM = parseInt (input);
if (cm == 0 && pm == 1)
Alert ("Du slår datamaskinen med papir mot stein");
elseif ((cm = 0 && pm == 2))
Alert ("Computer slo You With Rock");
elseif ((cm = 1 && pm == 0))
Varsel ("Datamaskin slo deg med papir");
elseif ((cm = 1 && pm == 2))
Varsel ("Du slår datamaskinen med saks mot papir");
elseif ((cm = 2 && pm == 0))
Alert ("Du slår datamaskinen med rock mot saks");
elseif ((cm = 2 && pm == 1))
Alert ("Datamaskin slo deg med saks");
annet
Varsel ("Det er uavgjort");

Trinn 3: Spiller spillet

Start HTML -dokumentet og klikk på start knapp og begynn å spille spillet som:

Med det fungerer klippen, papiret og saksen fullt ut, NYT!

Innpakning

Rock, papir og saks er ikke bare et barndomsspill for mange, men også en flott programmeringsøvelse for nye programmerere. Slike øvelser er ikke bare morsomme å implementere, men de skjerper også ferdigheten til en nybegynnerprogrammerer. I denne artikkelen ble et fullt fungerende rock-, papir- og saksspill implementert, og hvert trinn ble forklart en etter en.