Game rock, carta e forbice usando JavaScript

Rock, Paper e Scissor sono un gioco ben noto in tutto il mondo che quasi tutti hanno giocato nella loro infanzia. Alle persone normali, è una buona memoria infantile, ma per i programmatori è una buona pratica di codifica. I programmatori per principianti dovrebbero sempre cercare problemi interessanti e facili da implementare. E questo è uno di loro. Questo articolo dimostrerà l'implementazione del gioco RPS con JavaScript.

Passaggio 1: impostare la pagina web HTML

Inizia creando una nuova pagina web HTML e in quella pagina web, fai le seguenti cose:

• Saluta l'utente o sfidali
• Includi un pulsante di avvio che avvia il gioco

Per farlo, utilizzare le seguenti righe all'interno del documento HTML:

Giochiamo a un gioco di forbici di carta rock

Tipo 0 per roccia, 1 per carta, 2 per le forbici




Inizio

Nelle linee sopra, l'utente viene anche avvisato che lo 0 significa roccia, 1 significa carta e 2 significa forbici. Queste sono anche le regole che verranno implementate per determinare il vincitore. Inoltre, il pulsante ha una proprietà OnClick impostata su inizia il gioco() Metodo, che inizierà il gioco una volta che l'utente lo fa clic.

Carica l'HTML nei browser e visualizzerà la seguente pagina Web:

Tutto è posizionato o = al centro della pagina web grazie a etichetta

Passaggio 2: codice JavaScript per la funzionalità del gioco

Inizia creando la funzione inizia il gioco() che verrà chiamato su ogni pulsante Premere:

funzione startGame ()
// Il codice imminente va dentro qui

Dopodiché genera la mossa del computer, ricorda che ci sono solo 3 diverse opzioni, 0,1 e 2. 0 sta per roccia, 1 supporto per carta e 2 sta per le forbici:

cm = matematica.pavimento (matematica.casuale () * 3);

Ciò fornisce un valore casuale da 0 a 2 e lo memorizza all'interno della variabile cm in piedi per la mossa del computer.

Successivamente, usa un prompt per dire all'utente di inserire la sua scelta, memorizzare quella scelta in una variabile e quindi convertirla in int usando il parseint () metodo e memorizzare il valore finale nella variabile "PM ":

input = prompt ("Immettere la tua scelta!");
PM = parseInt (input);

Successivamente, scrivi le regole per decidere il vincitore del gioco usando le seguenti regole:

• Rock Beats Scissor
• Scissor Beats Paper
• La carta batte la roccia
• Stesso segno => tie

Queste regole sono implementate con semplici istruzioni If-Else se con le seguenti righe:

if (cm == 0 && pm == 1)
Avviso ("Hai battuto il computer con carta contro la roccia");
elseif ((cm = 0 && pm == 2))
Avviso ("Il computer ti ha battuto con roccia");
elseif ((cm = 1 && pm == 0))
Avviso ("Il computer ti ha battuto con carta");
elseif ((cm = 1 && pm == 2))
Avviso ("Hai battuto il computer con forbice contro la carta");
elseif ((cm = 2 && pm == 0))
Avviso ("Hai battuto il computer con Rock Against Scissor");
elseif ((cm = 2 && pm == 1))
Avviso ("Il computer ti ha battuto con forbice");
altro
Avviso ("È una cravatta");

Dopodiché si chiude semplicemente la fascia finale del inizia il gioco() E la parte JavaScript è fatta.

Lo snippet JavaScript completo è il seguente:

funzione startGame ()
cm = matematica.pavimento (matematica.casuale () * 3);
input = prompt ("Immettere la tua scelta!");
PM = parseInt (input);
if (cm == 0 && pm == 1)
Avviso ("Hai battuto il computer con carta contro la roccia");
elseif ((cm = 0 && pm == 2))
Avviso ("Il computer ti ha battuto con roccia");
elseif ((cm = 1 && pm == 0))
Avviso ("Il computer ti ha battuto con carta");
elseif ((cm = 1 && pm == 2))
Avviso ("Hai battuto il computer con forbice contro la carta");
elseif ((cm = 2 && pm == 0))
Avviso ("Hai battuto il computer con Rock Against Scissor");
elseif ((cm = 2 && pm == 1))
Avviso ("Il computer ti ha battuto con forbice");
altro
Avviso ("È una cravatta");

Passaggio 3: giocare

Avvia il documento HTML e fai clic su inizio pulsante e inizia a giocare come:

Con ciò, la roccia, la carta e la forbice sono pienamente funzionanti, GODERE!

Incartare

Rock, Paper e Scissor non sono solo un gioco d'infanzia per molti, ma anche un grande esercizio di programmazione per i nuovi programmatori. Tali esercizi non sono solo divertenti da implementare, ma affilano anche l'abilità di un programmatore di principianti. In questo articolo, è stato implementato un gioco completo di rock, carta e scissor da lavoro e ogni passo è stato spiegato uno per uno per uno.