Ukrywanie elementu za pomocą style.display
Treść zadania
Strona zawiera baner <aside id="banerReklamowy">Promocja dnia!</aside> oraz przycisk zamykający <button id="btnZamknij">Zamknij baner</button>. Po kliknięciu przycisku ukryj baner tak, aby przestał zajmować miejsce w układzie strony (ustaw właściwość display na 'none').
Co będzie oceniane
- Pobranie elementów #btnZamknij i #banerReklamowy.
- Obsługa kliknięcia przycisku zamykania.
- Przypisanie wartości 'none' do właściwości display baneru.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Ukrycie baneru po kliknięciu przycisku zamknij — atrybut #banerReklamowy = display: none
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Ukryj #banerReklamowy ustawiając display na 'none' po kliknięciu #btnZamknij
Wskazówki
Wskazówka 1
Właściwość wyświtlania w stylach inline odpowiada regule CSS decydującej o obecności elementu w strukturze wizualnej.
Wskazówka 2
Pobierz przycisk i baner z dokumentu, po czym w procedurze obsługi kliknięcia przypisz tekstową wartość oznaczającą brak wyświetlania do właściwości typu wyświetlania baneru.