Hur man skapar Basic för Loop i ditt HTML5-spel - dummies

Ditt HTML5-spel kommer utan tvekan att behöva en för loop vid någon tidpunkt. Standarden för slinga räknar värdena mellan 1 och 10. Count till Ten-knappen utlösar count () -funktionen. Här är koden för räkning ():

funktionsräkning () {output. innerHTML = "; för (i = 1; i <= 10; i ++) {output. innerHTML + = i +" 

";} // slut för loop} // sluträkning

funktionen tydligt skriver ut tio linjer, den har bara en rad som ändrar utdata-div. Huvudkoden upprepar många gånger för att skapa den långa utgången.

1. Du kan använda utdata var omedelbart

   Eftersom produktionen är en global variabel och den redan har skapats kan du använda den direkt. Det är inte nödvändigt att initiera det i funktionen.

2. Rensa utmatningen.

   Ange utgångsvärde till den tomma sträng (") för att rensa utmatningen. Det förstör vilken text som helst för närvarande i div.

3. Starta en för loop.

   För loop är en speciell loop som används för att repetera ett visst antal gånger.

4. Initiera din räkningsvariabel.

   A för loop fungerar genom att ändra värdet på ett heltal många gånger. Den första delen av a for loop initierar denna variabel (ofta en kallad i) till ett startvärde (vanligtvis noll eller en).

5. Ange ett villkor för att stanna i slingan.

   Den andra delen av ett för uttalande är ett villkor. Så länge villkoret är sant fortsätter slingan. Så snart tillståndet utvärderas som falskt, avslutar slingan.

6. Ändra variabeln.

   Den tredje delen av ett för uttalande ändrar på något sätt räkningsvariabeln. Det vanligaste sättet att ändra variabeln är att lägga till en till den. I ++-syntaxen är stenografi för "Lägg till en till i. "

7. Bygg ett kodblock för upprepad kod.

   Använd hak och indrag för att ange vilken kod som upprepas. All kod inuti bygeln upprepas.

8. Skriv in i slingan, skriv till utgången.

   Lägg till det aktuella värdet av i på varje division av slingan till output divens innerHTML. Lägg också till en paus () för att göra utmatningen bättre. När du lägger till en innerHTML-egenskap skriver du HTML-kod, så om du vill att utmatningen ska ske på olika rader, måste du skriva HTML för att detta ska ske.

9. Stäng slingan.

   Glöm inte att avsluta slingan, eller ditt program kommer inte att köras korrekt.