JavaScript-Programmierung von Kopf bis Fuß

Sie sind hier � 71

Richtigen Code schreiben

 Die Logik eines JavaScript-Programms lässt sich

mit einem Flussdiagramm darstellen, das die

Entscheidungspunkte und Aktionen abbildet.

 Bevor Sie ein Programm schreiben, ist es eine

gute Idee, die vom Programm benötigten Dinge mit

Pseudocode zu skizzieren.

 Pseudocode ist eine ungefähre Darstellung der Dinge,

die der echte Code einmal tun soll.

 Es gibt zwei Arten von Booleschen Operatoren:

Vergleichsoperatoren und logische Operatoren. Werden

sie in einem Ausdruck benutzt, erzeugen Boolesche

Operatoren als Ergebnis den Wert true oder false.

 Vergleichsoperatoren vergleichen zwei Werte und

geben true (wahr) oder false (falsch) zurück. Ein

Beispiel für den Booleschen Vergleichsoperator <

(»kleiner als«): 3 < 6. Das Ergebnis dieses Ausdrucks

ist true.

 Logische Operatoren verbinden zwei Boolesche Werte

miteinander. So ergibt der Ausdruck true || false den

Wert true; true && false ergibt dagegen false.

 Mit der Funktion Math.random können Sie

Zufallszahlen zwischen 0 und 1 (inklusive 0, exklusive 1)

erzeugen.

 Die Funktion Math.oor rundet eine Zahl mit Nachkom-

mastellen auf den nächsten ganzzahligen Wert ab.

 Beachten Sie, dass Math mit einem großen M

geschrieben wird, wenn Sie Funktionen wie Math.

random und Math.oor. benutzen.

 Die Funktion prompt erzeugt ein Dialogfeld, das eine

Nachricht und ein Feld für Benutzereingaben anzeigt.

 In diesem Kapitel haben wir prompt benutzt, um

Benutzereingaben einzulesen, und alert, um die

Spielergebnisse im Browser auszugeben.

Sie haben vermutlich gemerkt, dass wir ein paar eingebaute Funktionen wie alert,

prompt, console.log und Math.random. benutzt haben. Mit wenig Aufwand

können Sie damit Dialogboxen anzeigen, Ausgaben protokollieren und Zufallszahlen

erzeugen. Das ist fast schon magisch. Letztlich sind diese Funktionen aber auch

nur vorverpackter Code, den jemand schon für Sie geschrieben hat. Der Vorteil ist,

dass Sie diese Funktionen bei Bedarf nur noch aufzurufen brauchen und jederzeit

wiederverwenden können.

Über Funktionen gibt es noch eine Menge zu lernen: wie sie aufgerufen werden,

welche Arten von Werten Sie übergeben können und so weiter. Mit allen diesen

Dingen werden wir uns im folgenden Kapitel befassen, in dem Sie lernen, eigene

Funktionen zu schreiben.

Vorher haben Sie aber noch eine Punkt-für-Punkt-Liste vor sich, Sie müssen ein

Kreuzworträtsel lösen und vielleicht mal eine Nacht darüber schlafen, um das

Gelernte etwas sacken zu lassen.

Herzlichen Glückwunsch zu Ihrem ersten richtigen JavaScript-

Programm. Aus diesem Anlass ein paar Worte zum Code-Recycling.

Punkt für Punkt

72 Kapitel 2

JavaScript -Kreuzworträtsel

JavaScript-Kreuzworträtsel

Wie kann ein Kreuzworträtsel Ihnen beim Lernen von JavaScript

helfen? Die geistigen Verrenkungen und Verschränkungen werden

JavaScript direkt in Ihr Hirn übertragen!

1

2 3

4

5

6

7

8 9

10

11

12

13

WAAGERECHT

2. Um einen wahren Wert von einem UND-Operator (&&)

zu erhalten, müssen beide Teile der Bedingung _______

sein.

6. _______ hilft Ihnen, die Funktionsweise eines

Programms zu verstehen.

8. Benutzereingaben können Sie mit der Funktion

_______ entgegennehmen.

9. Um zu sehen, ob das Schiff versenkt wurde, benutzen

wir eine _______ Variable.

10. JavaScript hat viele eingebaute _______ wie alert

und prompt.

12. == ist ein _______-Operator, mit dem Sie testen

können, ob zwei Werte gleich sind.

13. Wenn Sie im Testen von Programmen gut sind,

sollten Sie Spezialist für Qualitäts _______ werden.

SENKRECHT

1. Boolesche Operatoren erzeugen immer den Wert true

oder _______.

3. Um eine Zufallsposition für das Schiff zu erzeugen,

benutzen Sie die Funktion Math._______.

4. Sowohl while- als auch if-Anweisungen basieren auf

_______.

5. Nicht initialisierte Variablen haben den Wert _______.

7. ODER (||) und UND (&&) sind Beispiele für

___________ Operatoren.

11. Damit ein ODER-Operator den Wert false zurückgibt,

müssen beide Teile der Bedingung _______ sein.

Sie sind hier � 73

Richtigen Code schreiben

Angenommen, unsere virtuelle Zeile sieht so aus:

Und das bilden wir durch folgende Werte ab:

location1 = 3;

location2 = 4;

location3 = 5;

Nehmen Sie nun die folgenden Benutzereingaben:

1, 4, 2, 3, 5

Jetzt können Sie die einzelnen Codeschritte anhand des Pseudocodes mitverfolgen, um zu sehen,

ob die gegebenen Benutzereingaben bereits funktionieren. Schreiben Sie Ihre Notizen unten auf

diese Seite. Den Anfang der Übung haben wir bereits für Sie gemacht. Hier ist unsere Lösung.

location1 location2 location 3 guess guesses hits isSunk

3 4 5 0 0 false

3 4 5

1 1 0 false

0 1 2 3 4 5 6

3 4 5 4 2 1 false

3 4 5 2 3

1 false

3 4 5 3 4 2 false

3 4 5 5 5 3 true

Lösung

Spitzen Sie Ihren Bleistift