Βίντεο: Coding Challenge #3: The Snake Game 2024
Το παιχνίδι HTML5 θα χρειαστεί αναμφισβήτητα ένα for loop σε κάποιο σημείο. Το πρότυπο για τον βρόχο μετράει τις τιμές από το 1 έως το 10. Το πλήκτρο Count to Doe ενεργοποιεί τη λειτουργία count (). Εδώ είναι ο κώδικας count ():
count function () {output. () = // τέλος για το βρόχο} // end countΑν και η μέτρηση () η λειτουργία εκτυπώνει σαφώς δέκα γραμμές, έχει μόνο μια γραμμή που τροποποιεί την έξοδο div.Ο κύριος κώδικας επαναλαμβάνει πολλές φορές για να δημιουργήσει τη μεγάλη έξοδο
-
Επειδή η έξοδος είναι μια παγκόσμια μεταβλητή και έχει ήδη δημιουργηθεί, μπορείτε να την χρησιμοποιήσετε αμέσως.Δεν χρειάζεται να την αρχικοποιήσετε στη λειτουργία
Διαγράψτε την έξοδο
-
Ρυθμίστε την τιμή εξόδου στο κενό string για να καθαρίσετε την έξοδο.Αυτό καταστρέφει οποιοδήποτε κείμενο είναι σήμερα στο div
Ξεκινήστε ένα για βρόχο
-
Ο βρόχος for είναι ένας ειδικός βρόχος που χρησιμοποιείται για να επαναλάβει κάτι ορισμένο αριθμό φορές. Τρεις συνιστώσες: αρχικοποίηση, σύγκριση και ενημέρωση
-
Ο βρόχος A λειτουργεί με την αλλαγή της τιμής ενός ακέραιου αριθμού πολλές φορές. Ο κύκλος a for initializes αυτή τη μεταβλητή (oft en που ονομάζεται i) σε αρχική τιμή (συνήθως μηδέν ή ένα).
Καθορίστε μια προϋπόθεση για να παραμείνετε στον βρόχο.
-
Το δεύτερο μέρος της δήλωσης για είναι μια προϋπόθεση. Όσο η προϋπόθεση είναι αληθής, ο βρόχος συνεχίζεται. Μόλις η κατάσταση αξιολογηθεί ως ψευδής, ο βρόχος εξέρχεται.
-
Το τρίτο μέρος του για μια δήλωση αλλάζει κάπως τη μεταβλητή μέτρησης. Ο πιο συνηθισμένος τρόπος αλλαγής της μεταβλητής είναι να προσθέσετε ένα σε αυτήν. Η σύνταξη i ++ είναι συντομογραφία για το "Προσθέστε ένα στο i. "
Δημιουργία μπλοκ κώδικα για επαναλαμβανόμενο κώδικα.
-
Χρησιμοποιήστε τιράντες και εσοχές για να υποδείξετε ποιο κώδικα επαναλαμβάνεται. Όλος ο κώδικας μέσα στα τιράντες επαναλαμβάνεται.
Στο εσωτερικό του βρόχου, γράψτε στην έξοδο.
-
Σε κάθε επανάληψη του βρόχου, προσθέστε την τρέχουσα τιμή του i στο innerHTML του output div. Προσθέστε επίσης ένα διάλειμμα () για να κάνετε την εμφάνιση καλύτερη. Όταν προσθέτετε μια ιδιότητα innerHTML, γράφετε κώδικα HTML, οπότε αν θέλετε να εμφανίζεται η έξοδος σε διαφορετικές γραμμές, πρέπει να γράψετε το HTML για να συμβεί αυτό.
Κλείστε το βρόχο.
-
Μην ξεχάσετε να τερματίσετε το βρόχο ή το πρόγραμμα δεν θα εκτελεστεί σωστά.