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)
- 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.