edusi.pl Portal edukacyjny

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

  1. Oblicz sumę, różnicę i iloczyn
  2. Połącz imię i nazwisko
  3. Sprawdź czy liczby są równe
  4. Użyj operatora logicznego
  5. Zastosuj operator +=
  6. Zwiększ zmienną o 1
  7. 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ń.