JavaScript-Programmierung von Kopf bis Fuß

132 Kapitel 4

Schritt für Schritt durch den Phras-O-Maten

function makePhrases() {

}

makePhrases();

Der Phras-O-Mat

Der Phras-O-Mat ist das perfekte Werkzeug, um den Marketingslogan für

Ihr nächstes Start-up zu generieren. Er hat bereits Perlen wie »Fokussierte

24/7-Strategie« und »Marktorientierte mehrschichtige Killer-App«

hervorgebracht. Für die Zukunft rechnen wir mit weiteren großartigen

Ergebnissen. Jetzt wollen wir sehen, wie das im Einzelnen funktioniert:

Zuerst definieren wir die Funktion

makePhrases, die beliebig oft aufgerufen

werden kann, um die gewünschten Phrasen zu erzeugen:

Hier rufen wir makePhrases nur einmal auf.

Wir könnten die Funktion aber auch mehrfach

ansprechen, um weitere Phrasen zu erzeugen.

Anschließend können wir den Code für makePhrases schreiben. Zunächst

erstellen wir drei Arrays. Sie enthalten die Wörter, aus denen nachher unsere

Phrasen zusammengesetzt werden. Im nächsten Schritt wählen wir aus jedem

Array ein zufälliges Wort aus, um daraus eine Phrase mit jeweils drei Wörtern

zu bauen.

var words1 = ["Kundenfreundliche", "Wertsteigernde", "Marktorientierte",

"Fokussierte", "Angepasste"];

var words2 = ["24/7-Strategie", "mehrschichtige", "responsive", "Mobile-

first-Lösung", "Win-win-Benutzererfahrung"];

var words3 = ["Benutzererfahrung", "Lösung", "Trendwende", "Strategie",

"Killer-App"];

Für das erste Array legen wir

eine Variable namens words

1

an.

1

2

Sämtlicher Code für makePhrases steht hier.

Wir werden gleich darauf eingehen.

Wir definieren die Funktion makePhrases,

die wir später aufrufen werden.

Das Array wird mit fünf Strings gefüllt.

Hier ist Platz für Ihre Lieblingsschlagwörter.

Und hier haben wir noch zwei Arrays mit

Wörtern, die den neuen Variablen words2

und words3 zugewiesen werden.

Sie sind hier � 133

Etwas Ordnung in die Daten bringen

Fast fertig. Jetzt müssen wir die Phrase nur noch ausgeben. Wie üblich benutzen

wir auch hier alert().

alert(phrase);

6

3

Jetzt erzeugen wir drei Zufallszahlen, eine für jedes zufällige Wort, das in unserer

Phrase auftauchen soll. Aus Kapitel 2 wissen Sie, dass Math.random eine Zufallszahl

zwischen 0 und 1 (exklusive der 1) erzeugt. Wenn wir diesen Wert mit der Länge des

Arrays multiplizieren und das Ergebnis mit Math.floor abrunden, bekommen wir eine

Zahl zwischen 0 und der Anzahl der Array-Elemente minus 1.

5

Gut. Schreiben Sie die letzte Codezeile, werfen Sie noch einmal

einen Blick darauf und freuen Sie sich über Ihre Leistung, bevor

Sie die Seite im Browser aufrufen und die Phrasen zu testen.

Hier ist der

fertige Slogan!

var rand1 = Math.floor(Math.random() * words1.length);

var rand2 = Math.floor(Math.random() * words2.length);

var rand3 = Math.floor(Math.random() * words3.length);

var phrase = words1[rand1] + " " + words2[rand2] + " " + words3[rand3];

4

Und nun erstellen wir unseren Marketingslogan, indem wir die drei Zufallswörter miteinander

verbinden. Dazwischen lassen wir aus Gründen der Lesbarkeit etwas Platz.

Eine weitere Variable soll die

fertige Phrase speichern.

Hier benutzen wir die Zufallszahlen, um

bestimmte Indizes im Array anzusprechen.

rand

1

ist eine Zahl zwischen

0 und dem letzten Index von

words

1

.

Genauso verfahren wir

für rand2 und rand3.

Endlose weitere Variationen bekommen Sie,

indem Sie die Seite neu laden. (Na gut, nicht

ganz, aber Spaß muss schließlich sein.)