Πίνακας περιεχομένων:
- Βήμα 1: Ανοίξτε το χώρο εργασίας
- Βήμα 2: Σχεδιάστε τη διεπαφή χρήστη
- Βήμα 3: Δημιουργία λειτουργιών κλικ
- Βήμα 4: Λειτουργία GetWinner
- Βήμα 5: Κλήση της συνάρτησης GetWinner
- Βήμα 6: Λάβετε την επιλογή της CPU
- Βήμα 7: Γράψτε RandomPick
- Βήμα 8: Καθορίστε τον νικητή
- Βήμα 9: Καταγραφή αποτελεσμάτων
- Βήμα 10: Τέλος
2025 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2025-01-13 06:57
Σκοπός: Αφού ολοκληρώσετε αυτό, θα μάθετε πώς να φτιάξετε ένα απλό παιχνίδι Rock, Paper Scissors από την αρχή χρησιμοποιώντας το Code.org.
Υλικά / Απαιτήσεις που απαιτούνται: Βασική κατανόηση της σύνταξης Javascript, ενός υπολογιστή, ενός λογαριασμού Code.org.
Βήμα 1: Ανοίξτε το χώρο εργασίας
1. Ξεκινήστε ανοίγοντας το code.org, κάντε κλικ στη δημιουργία ενός έργου και κάντε κλικ στο εργαστήριο εφαρμογών
Βήμα 2: Σχεδιάστε τη διεπαφή χρήστη
2. Κάντε κλικ στην καρτέλα σχεδίασης στην επάνω αριστερή γωνία του περιβάλλοντος κωδικοποίησης και σύρετε τρία κουμπιά (Rock, Paper, ψαλίδι). Επισημάνετε τους και αλλάξτε τα αναγνωριστικά τους ανάλογα. Επίσης, στην καρτέλα σχεδίασης, σύρετε ετικέτες για: Επιλογή CPU, Επιλογή παίκτη και ένδειξη Win ή Lose. Αναγνωρίστε τα ανάλογα, το τελικό αποτέλεσμα πρέπει να μοιάζει με την παραπάνω εικόνα.
Βήμα 3: Δημιουργία λειτουργιών κλικ
Δημιουργήστε συναρτήσεις συμβάντων που εκτελούνται όταν κάνετε κλικ σε κάθε ένα από τα κουμπιά. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί που θέλετε στην καρτέλα σχεδίασης και, στη συνέχεια, κάντε κλικ στην επιλογή εισαγωγή κώδικα στην καρτέλα συμβάντα στο χώρο εργασίας του σχεδιασμού.
Βήμα 4: Λειτουργία GetWinner
Γράψτε μια συνάρτηση που ονομάζεται getWinner με την παράμετρο "playersChoice".
Βήμα 5: Κλήση της συνάρτησης GetWinner
Σε κάθε συνάρτηση Click Event, καλέστε τη συνάρτηση getWinner, στέλνοντας μια συμβολοσειρά με το όνομα του στοιχείου που αντιστοιχεί στη συνάρτηση.
Βήμα 6: Λάβετε την επιλογή της CPU
Στη συνάρτηση getWinner, προετοιμάστε μια μεταβλητή cpuChoice και ζητήστε την να στείλει έναν τυχαίο αριθμό από 0 έως 2 σε μια νέα συνάρτηση randomPick. Δημιουργήστε τη συνάρτηση randomPick με μια παράμετρο int.
Βήμα 7: Γράψτε RandomPick
Στη συνάρτηση randomPick, επιστρέψτε ένα διαφορετικό στοιχείο για κάθε τυχαίο αριθμό από 0 έως 2. Π.χ. αν x = 0 επιστρέφει "Rock". Ορίστε το κείμενο μιας ετικέτας στο στοιχείο "Επιλέγει η CPU" &&
Βήμα 8: Καθορίστε τον νικητή
Πίσω στη συνάρτηση getWinner, συγκρίνετε το playerChoice με το cpuChoice χρησιμοποιώντας δηλώσεις if else για τον προσδιορισμό του νικητή. Αρχικοποιήστε ένα Boolean το οποίο ορίζεται ως αληθές εάν ο Παίκτης καθοριστεί ως ο νικητής και παραμένει ψευδής διαφορετικά. Προσοχή: Ελέγξτε αν υπάρχει πρώτα γραβάτα.
Βήμα 9: Καταγραφή αποτελεσμάτων
Στο τέλος της συνάρτησης getWinner, ορίστε μια καθολική μεταβλητή για τον αριθμό κερδών της CPU και τον αριθμό κερδών παίκτη και προσαρμόστε ανάλογα κάθε μεταβλητή. Προσαρμόστε την αντίστοιχη ετικέτα στο τέλος της συνάρτησης getWinner (μόλις καθοριστεί ο νικητής). Αλλάξτε την κύρια ετικέτα είτε "Κερδίζετε" είτε "Χάνετε" επίσης εδώ
Βήμα 10: Τέλος
Σε αυτό το σημείο, το πρόγραμμά σας πρέπει να τελειώσει, κάντε κλικ στην επιλογή Εκτέλεση και παίξτε το παιχνίδι για να βεβαιωθείτε ότι λειτουργεί σωστά.