Zadanie 60: Konwerter Tekstu na Małe Litery

Wstęp

W tym zadaniu stworzysz aplikację, która pobiera od użytkownika imię i nazwisko, a następnie wyświetla te dane przekonwertowane na małe litery using JavaScript.

Czego się nauczysz

• Pracy z formularzami i wieloma polami input.
• Manipulacji ciągami znaków (String) w JavaScript (metoda .toLowerCase()).
• Wyświetlania sformatowanego tekstu w DOM.

Wymagania

1. HTML:
   • Formularz z dwoma polami tekstowymi: "Imię" i "Nazwisko".
   • Przycisk "Konwertuj".
   • Kontener na wynik.
2. JavaScript:
   • Pobranie wartości z obu pól.
   • Zamiana liter na małe (toLowerCase()).
   • Wyświetlenie wyniku w formacie "imię nazwisko" (same małe litery).
3. CSS:
   • Estetyczny wygląd formularza i wizualne wyróżnienie wyniku.

Przykład użycia

Użytkownik wpisuje:

• Imię: Jan
• Nazwisko: KOWALSKI

Po kliknięciu przycisku otrzymuje wynik: jan kowalski

Wskazówki

Metoda toLowerCase()

W języku JavaScript każdy tekst (String) posiada metodę zmieniającą wielkość liter:

let tekst = "Aleksandra";
let male = tekst.toLowerCase(); // "aleksandra"

Pobieranie wartości

Pamiętaj, że każde pole input ma swoje id, dzięki czemu możesz się do niego odwołać:

const name = document.getElementById('name').value;