Wie Sie die Basis für Schleife erstellen in Ihr HTML5 Spiel

Ihr HTML5-Spiel wird zweifellos brauchen ein für an einem gewissen Punkt Schleife. Der Standard für Schleife zählt die Werte zwischen 1 und 10. Der Graf zu zehn Taste löst die Graf() Funktion. Hier ist der Code für Graf():

 Funktion count () {output.innerHTML = "" -für (i = 1 i lt; = 10- i ++) {output.innerHTML + = i + "
"-} // End for-Schleife} // end Zählung

Obwohl die Graf() Funktion druckt klar zehn Linien, ist es nur eine Zeile hat, dass die modifiziert Ausgabe div. Der Hauptcode wiederholt viele Male die lange Ausgabe zu erstellen.

1. Sie können die Verwendung Ausgabe var sofort.

   weil Ausgabe ist eine globale Variable und es hat bereits haben, können Sie es sofort verwenden. Es gibt keine Notwendigkeit, sie in der Funktion zu initialisieren.

2. Deaktivieren Sie die Ausgabe.

   Set output.value auf die leere Zeichenfolge ("") Den Ausgang zu löschen. Dies zerstört, was Text ist zur Zeit in der div.

3. Starte ein für Schleife.

   Das für Schleife ist eine besondere Schleife verwendet etwas, eine bestimmte Anzahl von Malen zu wiederholen. Für Schleifen haben drei Komponenten: Initialisierung, Vergleich, und zu aktualisieren.

4. Initialisieren Sie die Zählvariable.

   EIN für Schleife arbeitet, indem Sie den Wert einer ganzen Zahl oft ändern. Der erste Teil eines für Schleife initialisiert diese Variable (häufig auch als ich) Auf einen Startwert (normalerweise null oder eins).

5. Geben Sie eine Bedingung in der Schleife zum Verweilen ein.

   Der zweite Teil ein für Aussage ist eine Bedingung. Solange die Bedingung ist, wahr, die Schleife wird fortgesetzt. Sobald die Bedingung bewertet wird als falsch, wird die Schleife beendet.

6. Ändern Sie die Variable.

   Der dritte Teil ein für Anweisung irgendwie ändert die Zählvariable. Der häufigste Weg, um die Variable zu ändern, ist eine, um es hinzuzufügen. Das i ++ Syntax wird für Kurzschrift "one to i hinzufügen."

7. Erstellen Sie einen Codeblock für den wiederholten Code.

   Verwenden Sie Klammern und Einrückungen, um anzuzeigen, welche Code-Wiederholungen. Der gesamte Code in den geschweiften Klammern wiederholt.

8. Innerhalb der Schleife zu schreiben, an den Ausgang.

   Bei jeder Iteration der Schleife, fügen Sie den aktuellen Wert ich mit dem Ausgang div's innerHTML-. Fügen Sie auch eine Pause (
   ), Um die Ausgabe besser aussehen zu lassen. Wenn fügen Sie ein innerHTML- Immobilien, sind Sie HTML-Code zu schreiben, wenn Sie also die Ausgabe wollen auf verschiedenen Leitungen auftreten, müssen Sie die HTML zu schreiben, dies zu verwirklichen.

9. Schließen Sie die Schleife.

   Vergessen Sie nicht, um die Schleife zu beenden oder das Programm wird nicht korrekt ausgeführt werden.