pętle zdarzeń
pętla while
wykonuje kod dopóki warunek pętli jest spełniony.
warunek:
- variable =>100
- variable == 'yes’
poruszanie po elementach tablicy i wykonywanie operacji na elementach.
var summits = ['Everest', 'Aconcagua', 'Denali', 'Kilimanjaro', 'Blanc', 'Kościuszko']; var counter = 0; while (counter < summits.length){ document.write(summits[counter] + ', '); counter++ }
pętla for
licznik (inicjuje pętlę, np poprzez zdefiniowanie zmiennej), warunek (wyrażenie sprawdzające), metoda zmiany wartości licznika (aktualizacja stanu pętli po każdej iteracji).
przechodzenie po elementach tablicy
for (counter = 0; counter<=5; counter++){ document.write(summits[counter] +', '); }
counter = 0 – wyrażenie wstępne, ustawia wstępny stan pętli
counter <= 5 – warunek pętli, musi być spełniony by pętla była kontynuowana
counter++ – wyrażenie inkrementacji, inkrementacja licznika, wykonywana na końcu każdej iteracji pętli
pętla d0 while
warunek jest sprawdzany po pierwszym wykonaniu kodu w {}
do{
//kod ;
} while (warunek);
instrukcje if
if (variable == 'value1') doThing1(); else if (variable == 'value2') doThong2(); else if(variable == 'value3') doThing3; else doDefoult;
instrukcja switch
swicth(prompt("a question")) { case "answer1": doThing1; break; case "answer2": doThing2; case "ansewr3": doThing3; break; default: doThing4; break; }
bez break program wykonuje kolejną instrukcję, w wypadku answer1 wykona doThing1 i doThing2.
wychodzenie z pętli
- break – natychmiastowe wyjście z pętli, pominięcie reszty pętli i kontynuacja skryptu od pierwszej instrukcji po pętli.
continue
wyjście z bloku bieżącej iteracji i rozpoczęcie następnej.
Zwięzła notacje:
i += 2;
i*= 2;
i++;
i–;
Zbiór instrukcji w pętli nazywa się blokiem
Pętle nieskończone
gdy warunek w pętli zawsze jest spełniony np.
while (i<100) – gdy nei zmieniamy wartości i,
while (true) {} – zawsze prawdziwy
Hope this helps and happy coding :)
Zobacz jeszcze
skośne, responsywne tło w stylach css
Uzyskanie skosów w responsywnym tle, na górze czy dole bloku uzyskujemy poprzez: <style> body{ background:#e22117; padding-top:120px; } section { ...