Rozgrzewka: switch, break, ? :

1. W switch (day) { case "wt": task(); case "sr": other(); break; } zapomnieliście break w case "wt". Co się wykona dla day = "wt"?
2. Zapiszcie operatorem ? :: if (age >= 18) { status = "pełnoletni"; } else { status = "niepełnoletni"; }
3. switch ma pięć gałęzi case, pasuje trzecia. Ile case JavaScript porówna z wartością, zanim znajdzie dopasowanie?

for - trzy pola nad ciałem pętli

for (let i = 0; i < 5; i++) {
  console.log(i);
}

PHP i JS: ta sama budowa

for ($i = 1; $i <= 10; $i++) {
  echo $i;
}

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

Ciekawostka z MDN: PHP kończy od razu dwie zagnieżdżone pętle instrukcją break 2; (kurs PHP, lekcja 06), ale JavaScript numeru przy break nie przyjmuje. Zamiast tego pętlę oznacza się etykietą, np. loop1: for (...) { for (...) { break loop1; } } - break loop1; kończy od razu obie pętle.

Krok po kroku: tabliczka mnożenia przez 5

for (let i = 1; i <= 10; i++) {
  console.log(`5 x ${i} = ${5 * i}`);
}

while - warunek sprawdzany na wejściu

let i = 1;
while (i <= 10) {
  console.log(`5 x ${i} = ${5 * i}`);
  i++;
}

Ta sama pętla: for i while obok siebie

for (let i = 1; i <= 10; i++) {
  console.log(`5 x ${i} = ${5 * i}`);
}

let i = 1;
while (i <= 10) {
  console.log(`5 x ${i} = ${5 * i}`);
  i++;
}

Tak pytają na egzaminie

for (i = 0; i < 100; i += 10)
  document.write(i + ' ');

while (i < 10) {
  document.write(i+' ');
  i += 10;
}

i = 0;
while (i < 100) {
  document.write(i+' ');
  i += 10;
}

while (i < 100) {
  document.write(i+' ');
}

i = 0;
while (i < 10) {
  document.write(i+' ');
  i++;
}

var n, i;
var a = 1;
n = prompt("Podaj n: ", "");
for (i = n; i >= 2; i--) a *= i;
document.write("Wynik ", a);

Ćwiczenie: tabliczka mnożenia dwoma sposobami

1. W folderze swojego projektu otwórz script.js (ten sam plik co na poprzednich lekcjach).
2. Pętlą for wypisz w konsoli tabliczkę mnożenia przez 5, od 5 x 1 do 5 x 10, w formacie "5 x 1 = 5" (szablon `${...}`).
3. Pod spodem napisz tę samą tabliczkę pętlą while - licznik zadeklaruj PRZED pętlą, krok i++ na końcu ciała.
4. Sprawdź w konsoli (F12 → Console), że obie pętle dają identyczne 10 linii.
5. Zapisz script.js, odśwież stronę i zostaw obie pętle w pliku.

A jak to wygląda w produkcji?