edusi.pl Portal edukacyjny

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

  1. Zadeklaruj zmienną liczba i przypisz 10
  2. Utwórz zmienną tekst i wypisz ją
  3. Oblicz sumę dwóch liczb
  4. Pobierz dane z prompt
  5. Popraw błąd łączenia stringów
  6. 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: