Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2022 (test 2)



PYTANIE NR 37.
Przedstawiona funkcja, zapisana językiem JavaScript, ma za zadanie
Ilustracja przedstawia fragment kodu w języku JavaScript, który ma na celu wyświetlenie nazwy hosta w elemencie HTML o
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawna interpretacja funkcji polega na rozpoznaniu, że pobiera ona nazwę hosta bieżącej strony (zwykle przez właściwość window.location.hostname) i wstawia ją do elementu o identyfikatorze info w DOM.
Opcje o "pierwszym odnośniku", "przejściu do lokalizacji" lub "przycisku" dotyczą innych operacji (linków/nawigacji), a nie samego wyświetlenia hostname.

Pełne wyjaśnienie:

W przeglądarkowym JavaScript często spotyka się zadania polegające na:

  • odczytaniu informacji o bieżącym adresie strony z obiektu window.location,
  • znalezieniu elementu w dokumencie (DOM) po identyfikatorze,
  • wstawieniu do niego tekstu.

Odpowiedź "wyświetlić w elemencie o id = "info" nazwę hosta, z którego pochodzi wyświetlona strona." pasuje do typowego wzorca: pobranie hostname (czyli samej nazwy domeny, bez protokołu i ścieżki) i ustawienie treści w elemencie o wskazanym id.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "…adres hosta wskazany pierwszym odnośnikiem." – to sugeruje, że funkcja najpierw wyszukuje link (np. pierwszy element <a>), pobiera jego adres (np. a.href) i dopiero to wyświetla. To inny mechanizm niż odczyt bieżącej lokalizacji strony.
  • "umożliwić przejście do wskazanej lokalizacji hosta." – to dotyczy nawigacji, czyli ustawienia window.location / location.href albo wywołania przejścia po kliknięciu. Samo odczytanie hostname i wstawienie tekstu do elementu nie realizuje zmiany strony.
  • "wyświetlić na przycisku lokalizację hosta, a po jego wciśnięciu umożliwić przejście…" – to łączy dwie operacje: modyfikację etykiety przycisku i obsługę zdarzenia kliknięcia (addEventListener/onclick) prowadzącą do nawigacji. Jeśli funkcja jedynie wpisuje tekst do elementu o id = "info", nie spełnia tych warunków.

Wskazówka egzaminacyjna: zawsze rozróżniaj, czy kod odczytuje właściwości adresu (np. hostname/host/href), czy ustawia nową wartość location (co powoduje przejście na inną stronę). Różnica jednego operatora przypisania może całkowicie zmienić sens zadania.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest hostname w adresie URL w JavaScript?
Hostname to nazwa hosta (najczęściej domena) bez protokołu, portu, ścieżki i parametrów, np. dla https://example.com/path hostname to example.com. W JS odczytasz go zwykle przez window.location.hostname.
Jaka jest różnica między host a hostname?
hostname to sama nazwa domeny/hosta, a host może zawierać też port (np. example.com:8080). Na egzaminie łatwo to pomylić, więc sprawdzaj, czy w wyniku ma się pojawić port.
Jak wstawić tekst do elementu o id "info" w JavaScript?
Najpierw pobierz element: document.getElementById("info"), a potem ustaw jego treść, np. przez textContent (bez interpretacji HTML) albo innerHTML (z interpretacją HTML). Do zwykłego tekstu bezpieczniejszy jest textContent.
Dlaczego window.location kojarzy się z nawigacją, ale nie zawsze ją powoduje?
Obiekt window.location służy zarówno do odczytu bieżącego adresu, jak i do ustawienia nowego adresu. Nawigacja następuje dopiero, gdy przypiszesz wartość (np. do location.href). Sam odczyt (np. hostname) niczego nie zmienia.
Czy pobranie location.href i location.hostname daje ten sam wynik?
Nie. location.href zwraca pełny adres URL (protokół, host, ścieżkę, parametry), a location.hostname tylko nazwę hosta. Jeśli odpowiedź mówi o "nazwie hosta", to nie chodzi o cały URL.
Kiedy używa się elementu <a> i jego właściwości href w takich zadaniach?
Gdy zadanie dotyczy odnośników, np. pobrania adresu z pierwszego linku na stronie: odczytuje się wtedy właściwość href elementu <a>. To inny przypadek niż pobieranie informacji o bieżącej stronie z window.location.
Jakie są typowe błędy przy pytaniach o składowe URL na egzaminie INF.3?
Najczęściej myli się host z hostname, oraz href z pathname. Częstym błędem jest też uznanie, że skoro w zadaniu jest "location", to musi chodzić o przekierowanie. Warto pamiętać: odczyt ≠ nawigacja.
Dlaczego do wyświetlenia nazwy hosta lepszy jest textContent niż innerHTML?
textContent wstawia czysty tekst i nie interpretuje znaczników HTML, co zmniejsza ryzyko problemów bezpieczeństwa (np. XSS), gdy dane mogłyby pochodzić z zewnątrz. innerHTML jest potrzebne głównie wtedy, gdy celowo wstawiasz formatowany HTML.
Jak sprawdzić w konsoli, co zwraca window.location.hostname?
Otwórz DevTools (konsola) i wpisz window.location.hostname. Zobaczysz nazwę hosta bieżącej strony. Dla porównania sprawdź też window.location.host i window.location.href, aby utrwalić różnice.
Jak przygotować się do zadań z DOM i window.location na INF.3?
Przećwicz krótkie skrypty: pobieranie elementu po id, ustawianie textContent, oraz odczyt właściwości location (hostname, host, href, pathname). Na egzaminie zwracaj uwagę, czy kod coś ustawia (nawigacja) czy tylko wyświetla.
info

Około 40% zdających odpowiada poprawnie na to pytanie. trudne

Źródła:

  • MDN Web Docs: Location.hostname — https://developer.mozilla.org/en-US/docs/Web/API/Location/hostname (dostęp: 2026-02-28)
  • MDN Web Docs: Location (Web API) — https://developer.mozilla.org/en-US/docs/Web/API/Location (dostęp: 2026-02-28)
  • MDN Web Docs: Document.getElementById() — https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById (dostęp: 2026-02-28)

Materiały:

  • Dokumentacja MDN: Location i składowe URL
  • Ćwiczenia z DOM: document.getElementById i zmiana tekstu elementu
  • Powtórzenie budowy URL: protokół, host, port, ścieżka, parametry, hash
Zobacz też:

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego