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: