Dynamiczne tworzenie odnośnika z atrybutami
Treść zadania
W dokumencie przygotowano pole adresu <input type="text" id="adresUrl" value="https://cke.gov.pl">, pole etykiety <input type="text" id="etykietaUrl" value="Portal CKE">, przycisk <button id="btnGenerujLink">Utwórz link</button> oraz kontener <div id="strefaLinkow"></div>.
Po kliknięciu przycisku utwórz znacznik <a>, przypisz jego właściwość href na wartość z pola adresu, target = '_blank', treść tekstową na wartość z etykiety i dołącz do #strefaLinkow.
Co będzie oceniane
- Utworzenie znacznika 'a' za pomocą createElement.
- Ustawienie właściwości href, target oraz textContent.
- Dołączenie odnośnika do #strefaLinkow.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Utworzenie odnośnika z prawidłowymi atrybutami — licznik #strefaLinkow a = 1; tekst #strefaLinkow a = Portal CKE; atrybut #strefaLinkow a = https://cke.gov.pl; atrybut #strefaLinkow a = _blank
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Utwórz odnośnik 'a' z właściwościami href, target='_blank' i textContent po kliknięciu #btnGenerujLink
Wskazówki
Wskazówka 1
Atrybuty elementów HTML, takie jak adres docelowy odnośnika czy sposób otwierania strony, konfiguruje się jako standardowe właściwości utworzonego obiektu.
Wskazówka 2
W zdarzeniu kliknięcia utwórz węzeł odnośnika, odczytaj wartości z obu pól wejściowych, przypisz je do właściwości adresu i treści odnośnika, ustaw atrybut otwierania w nowej karcie i dołącz do kontenera linków.