edusi.pl

Temat 3: Zmienne i ich typy w JavaScript

📘 Teoria

🔹 Czym jest zmienna

Zmienna to miejsce w pamięci do przechowywania danych
Każda zmienna posiada nazwę i wartość
Typ zmiennej ustalany jest dynamicznie (w trakcie działania)

🔹 Deklaracja zmiennych

let x = 10;
const PI = 3.14;
var y = 5; // przestarzałe

let – zmienna zmienna (zalecane)
const – stała (nie zmienia wartości)
var – stare, niezalecane

---

🔹 Zasady nazewnictwa

litery, cyfry, _ oraz $
nie zaczynamy od cyfry
bez spacji
case sensitive (x ≠ X)

---

🔹 Typy danych

number – liczby
string – tekst
boolean – true / false
null – brak wartości
undefined – brak przypisania
object – obiekty
array – tablice

---

🔹 Przykłady


let liczba = 25;
let tekst = "Witaj";
let logiczna = true;
let brak = null;
let niezdefiniowana;

console.log(typeof liczba); // number
console.log(typeof tekst);  // string

---

🔹 Łączenie tekstu i zmiennych


let x = 5;
let y = 7;
let suma = x + y;

alert("Suma wynosi: " + suma);

---

🔹 UWAGA – dane z prompt()

prompt() zwraca STRING!


let x = prompt("Podaj x:");
let y = prompt("Podaj y:");

let suma = x + y; // ❌ łączenie tekstów

Poprawnie:


let x = Number(prompt("Podaj x:"));
let y = Number(prompt("Podaj y:"));

let suma = x + y;

---

🔹 Operacje na zmiennych


let x = 5;
x++; // 6
x--; // 5

🧠 Ćwiczenia

Zadeklaruj zmienną liczba i przypisz 10
Utwórz zmienną tekst i wypisz ją
Oblicz sumę dwóch liczb
Pobierz dane z prompt
Popraw błąd łączenia stringów
Sprawdź typ zmiennej


let a = 10;
let tekst = "JS";

console.log(tekst);

let x = 5;
let y = 6;
console.log(x + y);

let dane = prompt("Podaj coś");

let liczba = Number(prompt("Podaj liczbę"));

console.log(typeof liczba);

📊 Zadania egzaminacyjne

Zadanie 1

Napisz program, który pobiera dwie liczby i wyświetla ich sumę.


let x = Number(prompt("Podaj x"));
let y = Number(prompt("Podaj y"));
alert("Suma: " + (x+y));

Zadanie 2

Wyświetl typ zmiennej w konsoli.


let a = "tekst";
console.log(typeof a);

Zadanie 3

Popraw kod:


let x = prompt("Podaj x");
let y = prompt("Podaj y");
alert(x+y);


let x = Number(prompt("Podaj x"));
let y = Number(prompt("Podaj y"));
alert(x+y);

Zadanie 4

Utwórz zmienną stałą PI i wyświetl ją.


const PI = 3.14;
console.log(PI);

📝 Test (10 pytań)

1. Zmienna to:

2. let oznacza:

3. const oznacza:

4. prompt zwraca:

5. typeof sprawdza:

6. x++ oznacza:

7. JS ma typowanie:

8. null oznacza:

9. undefined oznacza:

10. łączenie tekstu to:

Temat 3: Zmienne i ich typy w JavaScript

📘 Teoria

🔹 Czym jest zmienna

Zmienna to miejsce w pamięci do przechowywania danych
Posiada nazwę i wartość
Typ zmiennej ustalany jest dynamicznie

🔹 Deklaracja zmiennych


let x = 10;
const PI = 3.14;
var y = 5; // przestarzałe

let – zmienna
const – stała
var – niezalecane

---

🔹 Typy danych

number – liczby
string – tekst
boolean – true/false
null – brak wartości
undefined – brak przypisania

---

🔹 STANDARD (egzamin) – document.write


let liczba = 25;
let tekst = "Witaj";

document.write("Liczba: " + liczba + "<br>");
document.write("Tekst: " + tekst + "<br>");
document.write("Typ liczby: " + typeof liczba);

---

🔹 Łączenie zmiennych


let x = 5;
let y = 7;

let suma = x + y;

document.write("Suma wynosi: " + suma);

---

🔹 UWAGA – prompt()

prompt() zwraca STRING!


let x = prompt("Podaj x:");
let y = prompt("Podaj y:");

document.write(x + y); // ❌ błąd

Poprawnie:


let x = Number(prompt("Podaj x:"));
let y = Number(prompt("Podaj y:"));

document.write("Suma: " + (x + y));

---

🔹 Inkrementacja


let x = 5;

x++; // 6
x--; // 5

document.write("x = " + x);

---

🔹 ROZSZERZENIE – console (dla chętnych)


let liczba = 25;

console.log(typeof liczba);
console.log("Wartość: " + liczba);

👉 Konsola (F12) służy do debugowania kodu