Ćwiczenie · Informatyka Ćwiczenie: Bezpieczny tekst z textContent

Bezpieczny tekst z textContent

Treść zadania

Użytkownik wprowadził wpis zawierający znaczniki: const wpis = "<em>Komentarz użytkownika</em>";. Wstaw ten napis do elementu <p id="podglad"></p> za pomocą właściwości textContent, tak aby znaczniki zostały potraktowane jako zwykły tekst, a nie jako kod HTML.

Co będzie oceniane

  • Zastosowanie właściwości textContent.
  • Zachowanie znaczników jako widocznego tekstu wewnątrz elementu.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Dosłowne wstawienie tekstu ze znacznikami — tekst #podglad = <em>Komentarz użytkownika</em>

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

const wpis = "<em>Komentarz użytkownika</em>";

// Wstaw wpis do #podglad za pomocą textContent

Wskazówki

Wskazówka 1

Właściwość textContent traktuje przekazany ciąg znaków dosłownie, zabezpieczając stronę przed niepożądaną interpretacją kodu.

Wskazówka 2

Pobierz element o id podglad i przypisz zmienną do jego właściwości textContent.