Wie man Entscheidungen mit, wenn in Ihrem HTML5 Spiel

Manchmal werden Sie Ihre HTML5 Spiel-Code benötigen, um Entscheidungen oder Entscheidungen zu treffen. Zum Beispiel, wenn jemand berühmt ihren Namen in Ihrer Website eingegeben haben, können Sie eine speziell für sie einen Gruß zu schaffen.

Wie Sie sehen können, sieht das Programm am Eingang in das Textfeld ein und Verhaltensänderungen auf den Wert des Textfeldes basiert.

Der Code ist ganz ähnlich wie der Code in der hiUser Seite. Der einzige Unterschied ist die Art und Weise der Funktion geschrieben wird. Hier ist die Checkname () Funktion aufgerufen in ifElse.html:

 Funktion Checkname () // von ifElse.htmllblOutput = document.getElementById ( "lblOutput") - TxtInput = document.getElementById ( "TxtInput") - username = txtInput.value-if (username == "Tim Berners-Lee") { lblOutput.innerHTML = "Vielen Dank für HTML zu erfinden!" -} else {lblOutput.innerHTML = "kenne ich Sie?" -} // end if} // end function

Ändern Sie den Gruß des Spiels mit, wenn

Dieser Code verwendet eine wichtige Idee genannt Bedingung innen ein Konstrukt namens ein ob Erklärung. Hier ist, was passiert:

1. Stellen Sie die Web-Seite wie gewohnt.

   Der HTML-Code hat Elemente genannt lblOutput und TxtInput. Es hat auch einen Knopf, ruft Checkname () wenn es angeklickt wird.

2. Erstellen von Variablen für wichtige Elemente einer Seite.

   Sie bekommen Daten aus TxtInput und das Ändern der HTML-Code in lblOutput, so erstellen Variablen für diese beiden Elemente.

3. Bekommen username von TxtInput.

   Verwenden Sie die txtInput.value Trick, den Wert des Eingangselementes zu erhalten genannt TxtInput und legen Sie sie in der Variablen username.

4. Stellen Sie den Zustand.

   Der Schlüssel zu diesem Programm ist ein besonderes Element ein gerufener Bedingung - ein Ausdruck, der als ausgewertet werden wahr oder falsch. Bedingungen sind oft (wie in diesem Fall) Vergleiche. Beachten Sie, dass die Doppelgleichheitszeichen (==) Verwendet wird, die Gleichstellung zu vertreten. In diesem Beispiel wird gefragt, ob der diese username Variable gleich dem Wert "Tim Berners-Lee".

5. Setzen Sie den Zustand in ein ob Struktur.

   Das ob Anweisung ist eine einer Anzahl von Programmierkonstrukte, die Bedingungen. Es enthält das Schlüsselwort ob durch eine Bedingung (in Klammern) gefolgt. Wenn die Bedingung ist, wahr, den gesamten Code in den folgenden Satz von Klammern ausgeführt.

6. Schreiben Sie Code auszuführen, wenn die Bedingung wahr.

   Erstellen Sie eine Reihe von verschnörkelten Klammern nach dem Zustand. Jeder Code innerhalb dieser Klammern wird ausgeführt, wenn die Bedingung wahr. Seien Sie sicher, dass Ihr Code und verwenden Sie die rechte Kringel Klammer einrücken (}), Um den Codeblock zu beenden. In diesem Beispiel gibt es einen besonderen Gruß an Tim Berners-Lee.

7. Bauen Sie sich ein sonst Klausel.

   Sie können eine bauen ob Anweisung mit einem einzigen Code-Block, aber oft wollen Sie den Code, etwas anderes zu tun, wenn die Bedingung falsch. Verwenden Sie die sonst um anzuzeigen, konstruieren haben Sie einen Block zweiten Code, der nur dann ausgeführt wird, wenn die Bedingung falsch.

8. Schreiben Sie den Code zu geschehen, wenn die Bedingung falsch.

   Der Codeblock nach dem sonst Klausel wird nur ausgeführt, wenn die Bedingung falsch ist. In diesem Beispiel gibt es einen Gruß für alle außer Tim Berners-Lee.

Die verschiedenen Aromen, wenn in Ihrem Spiel

Wenn Aussagen sind extrem leistungsfähig, und es gibt eine Reihe von Variationen. Sie können tatsächlich eine, zwei oder eine beliebige Anzahl von Filialen. Sie können Code wie folgt schreiben:

if (username == "Tim Berners-Lee") {lblOutput.innerHTML = "Vielen Dank für die Erfindung des HTML"} // end if

Mit dieser Struktur tritt die Begrüßung wenn username ist "Tim Berners-Lee" und es passiert nichts, wenn die username ist alles andere. Sie können auch die Tasten ansonsten Struktur (das ist die Form, in den eigentlichen Code verwendet wird):

if (username == "Tim Berners-Lee") {lblOutput.innerHTML = "Vielen Dank für HTML zu erfinden!" -} else {lblOutput.innerHTML = "Kenne ich dich?" -} // end if

Eine weitere Alternative können Sie vergleichen, wie viele Ergebnisse, wie Sie wollen durch neue Bedingungen hinzufügen:

if (username == "Tim Berners-Lee") {lblOutput.innerHTML = "Vielen Dank für HTML zu erfinden!" -} else if (username == "Al Gore") {lblOutput.innerHTML = "Vielen Dank für die Erfindung des Internet" - } else if (username == "Hakon Wium Lie") {lblOutput.innerHTML = "Vielen Dank für die CSS zu erfinden" -} else {lblOutput.innerHTML = "kenne ich Sie?" -} // end if

Bedingte Operatoren

Das == Betreiber überprüft, ob zwei Werte identisch sind, sondern als Tabelle 3-1 zeigt, unterstützt javascript eine Reihe von anderen Operatoren.

Operator	Bedeutung
a == b	a gleich b.
ein lt; b	a kleiner ist als b.
a> b	a größer als b.
ein lt; = b	a kleiner oder gleich b.
a> = b	a größer als oder gleich b.
a! = b	a nicht gleich b ist.

Wenn Sie von einer anderen Programmiersprache wie Java, C ++ kommen, oder PHP, könnte man sich fragen, wie String-Vergleiche funktionieren, weil sie verschiedene Betreiber in diesen Sprachen erfordern. javascript verwendet genau die gleichen Vergleichsoperatoren für Datentypen, also gibt es keine Notwendigkeit, andere Betreiber zu lernen.