JavaScript-Programmierung von Kopf bis Fuß

10 Kapitel 1

JavaScript-Anweisungen

Mit HTML wird der Text strukturiert,

etwa: »Ich brauche eine große Über-

schrift mit dem Inhalt >Mocha Caffe

Latte<.«. Die Überschrift bezieht sich

auf ein Getränk (drink). Danach soll ein

Absatz folgen.

Anweisungen definieren

Wenn Sie HTML schreiben, versehen Sie den Text üblicherweise mit Markup,

um ihm eine Struktur zu geben. Hierfür wird der Text mit Elementen,

Attributen und Werten angereichert:

<h1 class="drink">Mocha Caffe Latte</h1>

<p>Espresso, Milchschaum und Schokosirup, ganz

nach Ihrem Geschmack.</p>

CSS ist ein bisschen anders. Mit CSS definieren Sie Regeln. Hierbei wählt jede

Regel verschiedene Seitenelemente aus und weist diesen bestimmte Stile zu:

h1.drink {

color: brown;

}

p {

font-family: sans-serif;

}

Mit JavaScript schreiben Sie Anweisungen. Jede Anweisung ist ein kleiner Teil

einer Berechnung. Gemeinsam definieren die Anweisungen das Verhalten der Seite:

var age = 25;

var name = "Owen";

if (age > 14) {

alert("Diese Seite

ist leider nur für Kinder!");

} else {

alert("Willkommen, " + name + "!");

}

Mehrere Anweisungen.

Mit CSS schreiben wir Regeln, die Selektoren wie h

1

.drink

und p verwenden, um festzulegen, auf welche Teile des

HTML-Codes der Stil angewandt werden soll.

Jede Anweisung macht einen Teil der Arbeit, z. B. die Deklaration

von Variablen, die bestimmte Werte enthalten sollen.

Oder wir treffen Entscheidungen wie: Ist das Alter des Benutzers größer als

1

4?

In diesem Fall informieren wir den

Benutzer, dass er zu alt für diese

Seite ist.

Ansonsten begrüßen wir den Besucher mit

Namen, z. B. »Willkommen, Owen!« (Hier

jedoch nicht, weil Owen schon 25 Jahre alt ist.)

… und alle Absätze sollen in einer

serifenlosen Schrift dargestellt werden.

Hier erstellen wir eine Variable, die das Alter (age) 25

enthalten soll. Zudem brauchen wir eine Variable, die den

Wert »Owen« enthält.

Alle Überschriften vom Typ »drink«

sollen braun geschrieben werden …