Ćwiczenie · Informatyka Ćwiczenie: Odczyt tekstu z pola textarea

Odczyt tekstu z pola textarea

Treść zadania

W formularzu znajduje się wielowierszowe pole tekstowe <textarea id="wiadomosc">Treść zgłoszenia serwisowego</textarea>, przycisk <button id="btnWyslij">Pobierz treść</button> oraz akapit <p id="podgladWiadomosci"></p>. Po kliknięciu przycisku odczytaj zawartość pola textarea za pomocą właściwości value i wpisz ją do akapitu.

Co będzie oceniane

  • Pobranie pola #wiadomosc i odczyt właściwości value.
  • Wpisanie odczytanej treści do akapitu #podgladWiadomosci po kliknięciu przycisku.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Odczytanie i wyświetlenie tekstu z textarea — tekst #podgladWiadomosci = Treść zgłoszenia serwisowego

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Odczytaj treść z textarea i wstaw do akapitu po kliknięciu #btnWyslij

Wskazówki

Wskazówka 1

Pole wielowierszowe textarea udostępnia swoją aktualną treść przez właściwość value dokładnie tak samo jak standardowe pole input.

Wskazówka 2

Pobierz elementy za pomocą getElementById() i w funkcji obsługującej kliknięcie przycisku przypisz odczytaną wartość do textContent akapitu.