Hvordan man laver basis for loop i dit HTML5-spil - dummies

Dit HTML5 spil vil uden tvivl have brug for en for loop på et tidspunkt. Standarden for sløjfe tæller værdierne mellem 1 og 10. Tæller til Ti knap udløser tællerfunktionen (). Her er koden for count ():

funktionstælling () {output. innerHTML = "; for (i = 1; i <= 10; i ++) {output. innerHTML + = i +" 

";} // ende for loop} // ende tæller

Selvom tællingen funktionen udskriver tydeligt ti linjer, den har kun en linje, der ændrer output div. Hovedkoden gentages mange gange for at skabe den lange udgang.

1. Du kan bruge output var straks.

   Fordi output er en global variabel, og den allerede er oprettet, kan du bruge den med det samme. Der er ingen grund til at initialisere det i funktionen.

2. Slet output.

   Indstil output. Værdi til den tomme streng (") for at rydde output.This ødelægger, hvad tekst er i øjeblikket i div.

3. Start en for sløjfe.

   For loop er en særlig sløjfe, der bruges til at gentage noget et bestemt antal gange. 3 komponenter: initialisering, sammenligning og opdatering.

4. Initialiser din tællevariabel.

   A for sløjfe virker ved at ændre værdien af ​​et helt tal mange gange. a for loop initialiserer denne variabel (ofte en kaldet i) til en startværdi (normalt nul eller en).

5. Angiv en betingelse for at blive i løkken.

   Den anden del af en for erklæring er en betingelse. Så længe tilstanden er sand, fortsætter løkken. Så snart tilstanden bedømmes som falsk, udløber sløjfen.

6. Skift variabel.

   Den tredje del af en for erklæring ændrer på en eller anden måde tællingsvariablen. Den mest almindelige måde at ændre variablen på er at tilføje en til den. I ++-syntaksen er stenografi for "Tilføj en til jeg. "

7. Byg en kodeblok for gentaget kode.

   Brug bøjler og indrykning for at angive, hvilken kode gentages. Alle kode inde i bøjlerne gentages.

8. Skriv i båndet til udgangen.

   Til hver iteration af sløjfen skal du tilføje den nuværende værdi af i til output divens indreHTML. Tilføj også en pause () for at gøre udgangen bedre. Når du tilføjer til en indreHTML-egenskab, skriver du HTML-kode, så hvis du vil have udgangen på forskellige linjer, skal du skrive HTML'en for at få dette til at ske.

9. Luk sløjfen.

   Glem ikke at afslutte sløjfen, eller dit program vil ikke køre korrekt.