Rock Paper Saks: 10 trinn
Rock Paper Saks: 10 trinn

Innholdsfortegnelse:

Anonim
Stein saks papir
Stein saks papir

Formål: Etter å ha fullført dette, lærer du hvordan du lager et enkelt spill med rock, papirsaks fra bunnen av ved hjelp av Code.org.

Nødvendige materialer / krav: Grunnleggende forståelse av Javascript -syntaks, en datamaskin, en Code.org -konto.

Trinn 1: Åpne arbeidsområdet

Åpne arbeidsområdet
Åpne arbeidsområdet

1. Start med å åpne code.org, klikk på opprett et prosjekt, og klikk på app -lab

Trinn 2: Design brukergrensesnitt

Design brukergrensesnitt
Design brukergrensesnitt

2. Klikk på designfanen i øvre venstre hjørne av kodemiljøet, og dra tre knapper (stein, papir, saks). Merk dem og endre IDene deres tilsvarende. I designfanen drar du også etiketter for: CPU -valg, spillervalg og en vinn eller tap -indikator. ID disse deretter, sluttresultatet skal se ut som bildet ovenfor.

Trinn 3: Lag klikkfunksjoner

Lag klikkfunksjoner
Lag klikkfunksjoner

Lag hendelsesfunksjoner som kjøres når du klikker på hver av knappene. For å gjøre dette, klikk på ønsket knapp i designfanen, og klikk deretter på sett inn kode under hendelsesfanen i designarbeidsområdet.

Trinn 4: GetWinner -funksjon

GetWinner -funksjon
GetWinner -funksjon

Skriv en funksjon som heter getWinner med parameteren “PlayersChoice”.

Trinn 5: Ringe GetWinner -funksjonen

Ringer GetWinner -funksjonen
Ringer GetWinner -funksjonen

I hver klikkhendelsesfunksjon, ring getWinner -funksjonen og send en streng med navnet på elementet som tilsvarer funksjonen.

Trinn 6: Få CPU -valg

Få CPU -valg
Få CPU -valg

I getWinner -funksjonen initialiserer du variabelen “cpuChoice, og lar den sende et tilfeldig tall fra 0 til 2 til en ny randomPick -funksjon. Lag randomPick -funksjonen med en int -parameter.

Trinn 7: Skriv RandomPick

Skriv RandomPick
Skriv RandomPick

I randomPick -funksjonen returnerer du et annet element for hvert tilfeldig tall fra 0 til 2. Eks. hvis x = 0 returnerer “Rock”. Sett teksten på en etikett til "CPU velger" && element

Trinn 8: Bestem vinner

Bestem vinner
Bestem vinner

Tilbake i getWinner -funksjonen, sammenlign playerChoice med cpuChoice ved å bruke if if -setninger for å bestemme vinneren. Initialiser en Boolean som setter seg til true hvis spilleren er bestemt som vinner, og forblir usann ellers. Forsiktig: Sjekk om det er uavgjort først.

Trinn 9: Registrer resultater

På slutten av getWinner -funksjonen, angir du en global variabel for CPU -vinnertall og Player -vinnertall, og justerer hver variabel deretter. Juster den tilsvarende etiketten på slutten av getWinner -funksjonen (når vinneren er bestemt). Endre hovedetiketten til enten "Du vinner" eller "Du taper" her også

Trinn 10: Fullfør

På dette tidspunktet bør programmet være ferdig, klikk på Kjør og spill spillet for å sikre at det fungerer som det skal.