Hoe maak je de Basic voor Loop in je HTML5-spel - dummies

Uw HTML5-game heeft op een bepaald moment ongetwijfeld een for-lus nodig. De standaard voor loop telt de waarden tussen 1 en 10. De Count to Ten-knop activeert de functie count (). Hier is de code voor telling ():

functietelling () {uitvoer. innerHTML = "; voor (i = 1; i <= 10; i ++) {uitvoer. innerHTML + = i +" 

"}}} einde voor lus} // einde telling

Hoewel het aantal () functie drukt duidelijk tien regels af, het heeft maar één lijn die de output div verandert. De hoofdcode herhaalt zich vele malen om de lange output te creëren.

1. Je kunt de output var direct gebruiken. Omdat output een globale variabele is en deze al is gemaakt, kunt u deze direct gebruiken. U hoeft deze niet in de functie te initialiseren.

   De uitvoer wissen.

2. Uitgang instellen. Waarde naar leeg string (") om de uitvoer te wissen, dit vernietigt elke tekst die zich momenteel in de div bevindt.

   Start een for-lus.

3. De for-lus is een speciale lus die wordt gebruikt om iets een bepaald aantal keren te herhalen. drie componenten: initialisatie, vergelijking en update.

   Initialiseer uw telvariabele.

4. Een for-lus werkt door de waarde van een geheel getal vele malen te veranderen. een for-lus initialiseert deze variabele (vaak en genaamd i) naar een startwaarde (meestal nul of één).

   Geef een voorwaarde op om in de lus te blijven.

5. Het tweede deel van een for-statement is een voorwaarde. Zolang de voorwaarde waar is, gaat de lus verder. Zodra de voorwaarde als onwaar is beoordeeld, wordt de lus afgesloten.

   Wijzig de variabele.

6. Het derde deel van een voor verklaring verandert op een of andere manier de telvariabele. De meest gebruikelijke manier om de variabele te veranderen, is er een eraan toe te voegen. De i ++ syntaxis is kort voor "Voeg een toe aan i. "

   Bouw een codeblok voor herhaalde code.

7. Gebruik haakjes en inspringing om aan te geven welke code wordt herhaald. Alle code binnen de accolades wordt herhaald.

   Schrijf in de lus naar de uitgang.

8. Voeg op elke iteratie van de lus de huidige waarde van i toe aan de innerHTML van de uitvoer-div. Voeg ook een pauze toe () om de uitvoer er beter uit te laten zien. Wanneer u toevoegt aan een innerHTML-eigenschap, schrijft u HTML-code, dus als u wilt dat de uitvoer op verschillende regels voorkomt, moet u de HTML schrijven om dit mogelijk te maken.

   Sluit de lus.

9. Vergeet niet om de lus te beëindigen, anders loopt uw ​​programma niet correct.