Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2024



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

To pytanie poprawnie rozwiązuje 45% zdających egzamin. 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: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego