Programowanie w JavaScript Rusz głową!

166

Rozdział 4.

Analiza kodu korpo-zdanio-budowatora

Korpo-zdanio-budowator

Mamy nadzieję, że już zorientowałeś się, iż powyższy kod jest idealnym

narzędziem do opracowania chwytliwego sloganu marketingowego dla

Twojego kolejnego startupu. Posłużył on w przeszłości do utworzenia

takich hitów jak: „tysiącmetrowe zorientowane wizje” czy też

„wielowarstwowe wspomagane strategie”; dlatego teraz mamy nadzieję,

że również w przyszłości generowane przez niego slogany będą się cieszyć

równie wielkim powodzeniem. A teraz zobaczmy, jak ten niewielki

fragment kodu naprawdę działa.

function makePhrases() {

}

makePhrases();

Na początku definiujemy funkcję

makePhrases

, którą możemy wywołać

dowolnie wiele razy, by wygenerować potrzebne slogany.

Tutaj wywołujemy funkcję makePhrases

dokładnie jednen raz; jednak gdybyśmy chcieli

uzyskać więcej niż jeden slogan, moglibyśmy

wywołać ją więcej razy.

Skoro strukturę mamy z głowy, możemy się zająć kodem funkcji

makePhrases

. Zacznijmy od

przygotowania trzech tablic. Każda z nich będzie zawierać słowa, których będziemy używali do tworzenia

sloganów. W następnym kroku utworzymy sam slogan, wybierając losowo z każdej tablicy jedno słowo.

var words1 = [”nieprzerwane”, ”wielowarstwowe”, ”tysiÈcmetrowe”, ”biznesowe”, ”niepowstrzymane”];

var words2 = [”wspomagane”, ”wartoĂciowe”, ”zorientowane”, ”skoncentrowane”, ”wyröwnane”];

var words3 = [”procesy”, ”rozwiÈzania”, ”punkty”, ”strategie”, ”wizje”];

Tworzymy zmienną o nazwie words1, w której

zapisujemy pierwszą tablicę.

1

2

Tutaj zostanie umieszczony cały kod funkcji makePhrases,

już zaraz się nim zajmiemy…

Definiujemy funkcję o nazwie

makePhrases, którą będziemy mogli

wywołać później.

W tablicy umieścimy pięć łańcuchów znaków. Jeśli

chcesz, możesz zastąpić je słowami, które obecnie są

najbardziej chwytliwe.

Kolejne dwie tablice słów zapisujemy w zmiennych

words2 oraz words3.

jesteś tutaj

167

Porządkowanie naszych danych

To już prawie koniec. Dysponujemy już sloganem, wystarczy go tylko wyświetlić.

Standardowo użyjemy do tego celu funkcji

alert

.

alert(phrase);

6

3

A teraz wygenerujemy trzy liczby losowe, które posłużą do wybrania trzech słów, z których

utworzymy nasz slogan. Pamiętasz zapewne z

rozdziału 2.

, że funkcja

Math.random

generuje liczbę z zakresu do 0 do 1 (lecz bez 1). Jeśli pomnożymy tę liczbę przez długość

tablicy i użyjemy funkcji

Math.floor

w celu zaokrąglenia wyniku w dół do liczby całkowitej,

uzyskamy liczbę z zakresu od 0 do liczby o jeden mniejszej od długości tablicy.

5

No dobrze, dokończ ten ostatni wiersz kodu, przyjrzyj mu się raz jeszcze i zanim

wyświetlisz stronę w przeglądarce, posmakuj przez chwilę uczucia spełnienia.

Wypróbuj aplikację i ciesz się wygenerowanym sloganem marketingowym.

Oto nasz 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

Teraz możemy utworzyć chwytliwy slogan marketingowy, wybierając losowe słowo z

każdej tablicy, łącząc je razem w jeden łańcuch znaków i dodając pomiędzy nimi odstępy,

dla zachowania czytelności.

Definiujemy kolejną zmienną, w której

zapiszemy nasz slogan.

Każdej z liczb losowych używamy

jako indeksu tablicy…

rand1 będzie liczbą z zakresu

od 0 do wartości ostatniego

indeksu tablicy words1.

W podobny sposób

obliczamy wartości

zmiennych rand2

oraz rand3.

Wystarczy odświeżyć stronę, by odkryć nieskończone

możliwości marketingowe (no dobrze, może nie

nieskończone, ale spróbuj z nami współpracować

— staramy się, by ten prosty kod był bardziej

fascynujący!).