Zadania na lekcje

Zadanie 3: Zmienne i Operacje na Tekście

Javascript
Priorytet: Normalny Szkic

Zadanie 3: Twoja Cyfrowa Wizytówka (Zmienne String)

Wstęp

Zmienne to kontenery na dane. W JavaScript, zmienne tekstowe (String) służą do przechowywania wszystkiego, co jest tekstem: od Twojego imienia, przez treść posta na blogu, aż po skomplikowane kody HTML. W tym zadaniu nauczysz się nimi zarządzać.

[!IMPORTANT] Indywidualizacja Zadania: W każdym punkcie tego zadania musisz używać własnych danych. Nie przepisuj imion "Jan Kowalski" czy miast "Warszawa" z przykładów. Wymyśl własne wartości lub użyj swoich prawdziwych danych. To sprawi, że zadanie będzie unikalne.

Teoria i Przykłady

1. Deklaracja zmiennych

Mamy trzy sposoby, ale w nowoczesnym JS używamy głównie dwóch:

  • let - dla danych, które mogą się zmienić (np. wiek, status zalogowania).
  • const - dla danych stałych (np. adres serwera, liczba PI, data urodzenia).
let miasto = "Kraków";
const kraj = "Polska";

miasto = "Gdańsk"; // To zadziała, zmieniliśmy wartość
// kraj = "Niemcy"; // BŁĄD! Nie można zmienić stałej (const)

2. Typ String (Tekst)

Tekst zapisujemy w cudzysłowie pojedynczym 'tekst', podwójnym "tekst" lub w grawisie `tekst`.

let powitanie = "Dzień dobry";
let nazwa = 'Kurs JS';

3. Debugowanie (Sprawdzanie co siedzi w zmiennej)

W konsoli przeglądarki możesz podglądać wartości:

console.log(miasto); // Wyświetli: Gdańsk
console.log("Moje miasto to:", miasto); // Łączenie opisu z wartością

Zadanie do wykonania

Stwórz plik wizytówka.js (lub main.js) i wykonaj poniższe kroki. Wyniki sprawdzaj w konsoli przeglądarki.

Krok 1: Dane podstawowe

Stwórz trzy zmienne używając let lub const (zastanów się, co może się zmienić, a co nie):

  1. imie - przypisz swoje imię (wpisz własne!).
  2. nazwisko - przypisz swoje nazwisko.
  3. wiek - przypisz swój wiek (jako tekst, w cudzysłowie).

Wyświetl je w konsoli w jednej linii. Podpowiedź: console.log(imie, nazwisko, wiek);

Krok 2: Modyfikacja danych

Ups, pomyliłeś się przy wpisywaniu wieku? A może właśnie miałeś urodziny?

  1. Nadpisz wartość zmiennej wiek na nową.
  2. Spróbuj nadpisać zmienną imie na ksywkę/nick.
  3. Wyświetl zaktualizowane dane w konsoli.

Krok 3: Łączenie tekstów (Konkatenacja)

Stwórz nową zmienną opis, która połączy te wszystkie informacje w jedno zdanie. Użyj operatora + (plus). Cel: Uzyskaj zdanie w stylu: "Cześć, jestem [Imie] [Nazwisko] i mam [Wiek] lat." Pamiętaj o spacjach między wyrazami!

// Przykład logiczny (nie gotowiec):
let wynik = "Tekst1" + " " + zmienna + " " + "Tekst2";

Krok 4: Zabawa wielkością liter

Chcesz, żeby Twoje nazwisko brzmiało poważnie?

  1. Stwórz zmienną nazwiskoWielkimi.
  2. Przypisz do niej wartość zmiennej nazwisko przekonwertowaną na wielkie litery. Podpowiedź: Szukaj metody .toUpperCase().
  3. Wyświetl wynik.

Krok 5: Długość tekstu

Sprawdź, ile znaków ma Twoje pełne zdanie z Kroku 3.

  1. Użyj właściwości .length na zmiennej opis.
  2. Wyświetl w konsoli komunikat: "Moja wizytówka ma X znaków." (gdzie X to wynik liczenia).

Warunki zaliczenia

  1. Kod nie zawiera błędów w konsoli.
  2. Użyto let i const zgodnie z przeznaczeniem.
  3. Wszystkie dane tekstowe są unikalne (Twoje własne).
  4. Wykonano commitowanie zmian w Git.

Git - Instrukcja

To zadanie wymaga systematycznego zatwierdzania zmian.

  1. Konfiguracja (tylko na początku):

    git config --global user.name "Twoj Nick"
git config --global user.email "[email protected]"

  2. Start: Otwórz terminal w folderze z zadaniem i wpisz: git init

  3. Zapisywanie (rób to po każdym Kroku!): GDY skończysz Krok 1:

    git add .
git commit -m "Zadanie 3: Wykonano krok 1 - inicjalizacja zmiennych"

    GDY skończysz Krok 2:

    git add .
git commit -m "Zadanie 3: Wykonano krok 2 - modyfikacja danych"

    I tak dalej dla każdego kroku.