Tworzenie akapitu z klasą CSS
Treść zadania
W dokumencie przygotowano kontener <div id="strefaKomentarzy"></div> oraz przycisk <button id="btnDodajWpis">Dodaj opinię</button>. Po kliknięciu przycisku utwórz znacznik <p>, ustaw jego treść na 'Świetny kurs!', nadaj mu klasę 'komentarz' za pomocą classList.add('komentarz') i dołącz do kontenera #strefaKomentarzy.
Co będzie oceniane
- Utworzenie znacznika p za pomocą createElement.
- Ustawienie treści 'Świetny kurs!'.
- Dodanie klasy 'komentarz' przez classList.add.
- Dołączenie elementu do #strefaKomentarzy.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Utworzenie akapitu z klasą komentarz — licznik #strefaKomentarzy p = 1; klasa #strefaKomentarzy p = komentarz; tekst #strefaKomentarzy p = Świetny kurs!
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Utwórz akapit p z klasą 'komentarz' i dodaj do #strefaKomentarzy po kliknięciu #btnDodajWpis
Wskazówki
Wskazówka 1
Przed dołączeniem nowo utworzonego węzła do dokumentu możesz w pełni skonfigurować jego atrybuty, klasy i treść.
Wskazówka 2
Po utworzeniu akapitu przypisz żądany tekst, wywołaj metodę dodawania klasy na jego kolekcji klas, a na końcu przekaż go jako argument do metody appendChild kontenera.