Temat 4: Operatory w JavaScript
📘 Teoria
🔹 Rodzaje operatorów
- arytmetyczne
- porównania
- logiczne
- przypisania
- inkrementacji i dekrementacji
- bitowe (rozszerzenie)
🔹 Operatory arytmetyczne
let x = 7;
let y = 2;
document.write("x+y=" + (x+y) + "<br>");
document.write("x-y=" + (x-y) + "<br>");
document.write("x*y=" + (x*y) + "<br>");
document.write("x/y=" + (x/y) + "<br>");
document.write("x%y=" + (x%y));
---
🔹 Konkatenacja (łączenie tekstu)
let imie = "Anna";
let nazwisko = "Kowalska";
document.write("Nazywasz się: " + imie + " " + nazwisko);
---
🔹 Operatory porównania
let a = 6;
let b = "6";
document.write("a == b: " + (a == b) + "<br>");
document.write("a === b: " + (a === b) + "<br>");
- == porównuje wartości
- === porównuje wartość i typ (ważne!)
🔹 Operatory logiczne
let x = 7;
let y = 2;
document.write((x > y && y == 2) + "<br>");
document.write((x < y || y == 2) + "<br>");
document.write(!(x == y));
- && – AND
- || – OR
- ! – NOT
🔹 Operatory przypisania
let a = 10;
a += 5; // 15
a -= 2; // 13
a *= 2; // 26
a /= 2; // 13
document.write("a = " + a);
---
🔹 Inkrementacja i dekrementacja
let x = 5;
document.write(x++ + "<br>"); // 5
document.write(x + "<br>"); // 6
document.write(++x + "<br>"); // 7
Uwaga: x++ → najpierw użycie, potem zwiększenie
---🔹 Operatory bitowe (rozszerzenie)
let x = 8;
let y = 15;
document.write((x & y) + "<br>");
document.write((x | y) + "<br>");
document.write((x << 2));
---
🔹 Wnioski egzaminacyjne
- najczęstszy błąd: == zamiast ===
- ważna kolejność działań (nawiasy!)
- uwaga na typy danych
🧠 Ćwiczenia
- Oblicz sumę, różnicę i iloczyn
- Połącz imię i nazwisko
- Sprawdź czy liczby są równe
- Użyj operatora logicznego
- Zastosuj operator +=
- Zwiększ zmienną o 1
- Sprawdź różnicę == i ===
let x = 5;
let y = 3;
document.write(x+y + "<br>");
document.write(x-y + "<br>");
document.write(x*y + "<br>");
let imie = "Jan";
let nazwisko = "Nowak";
document.write(imie + " " + nazwisko + "<br>");
document.write(x == y + "<br>");
document.write((x > y && y > 1) + "<br>");
x += 5;
document.write(x + "<br>");
x++;
document.write(x + "<br>");
📊 Zadania egzaminacyjne
Zadanie 1
Pobierz dwie liczby i wyświetl wszystkie działania matematyczne.
let x = Number(prompt("x"));
let y = Number(prompt("y"));
document.write("Suma: " + (x+y) + "<br>");
document.write("Różnica: " + (x-y) + "<br>");
document.write("Iloczyn: " + (x*y));
Zadanie 2
Sprawdź czy liczba jest większa od 10.
let x = Number(prompt("Podaj liczbę"));
document.write(x > 10);
Zadanie 3
Porównaj dwie wartości używając == i ===
let a = 5;
let b = "5";
document.write(a == b + "<br>");
document.write(a === b);
Zadanie 4
Użyj operatorów logicznych do sprawdzenia warunku.
let x = 5;
document.write(x > 2 && x < 10);
📝 Test (10 pytań)
1. + służy do:
2. % oznacza:
3. == porównuje:
4. === porównuje:
5. && oznacza:
6. || oznacza:
7. ! oznacza:
8. += oznacza:
9. x++ oznacza:
10. & oznacza:
👨🏫 Dla nauczyciela
Najważniejsze: uczniowie muszą rozumieć różnicę między == i === oraz kolejność działań.