Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Formatowanie treści za pomocą innerHTML

Formatowanie treści za pomocą innerHTML

Treść zadania

W dokumencie znajduje się pusty kontener <div id="status"></div>. Pobierz ten element za pomocą getElementById() i wstaw do niego za pomocą właściwości innerHTML sformatowany kod HTML: <b>Sukces:</b> Pomyślnie zapisano zmiany..

Co będzie oceniane

  • Pobranie elementu #status.
  • Użycie właściwości innerHTML do wstawienia znaczników HTML.
  • Prawidłowe wyświetlenie sformatowanego komunikatu.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Wstawienie i wyrenderowanie kodu HTML w #status — tekst #status b = Sukces:; tekst #status = Sukces: Pomyślnie zapisano zmiany.

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

// Wstaw sformatowany kod HTML do #status za pomocą innerHTML

Wskazówki

Wskazówka 1

Właściwość innerHTML parsuje przekazany łańcuch znaków jako kod HTML i tworzy odpowiednie znaczniki w dokumencie.

Wskazówka 2

Pobierz kontener po identyfikatorze i przypisz do innerHTML łańcuch zawierający znaczniki pogrubienia oraz tekst.