Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - PAŹDZIERNIK 2016



PYTANIE NR 39.
Aby prawidłowo udokumentować przedstawioną linię kodu języka JavaScript, należy po znakach // wpisać komentarz

document.getElementByld(“napis").innerHTML = Date(); //

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Instrukcja pobiera element o identyfikatorze "napis", a następnie przypisuje do jego innerHTML wynik wywołania Date(), czyli tekstową reprezentację bieżącej daty i czasu. Komentarz po "//" powinien więc opisywać wyświetlenie aktualnej daty/czasu w elemencie o id "napis".

Pełne wyjaśnienie:

W przedstawionej linii kodu wykonują się dwa kluczowe kroki: najpierw wyszukiwany jest element w drzewie DOM, a potem do jego zawartości wstawiana jest wartość zwrócona przez funkcję.

  • Wyszukanie elementu: fragment document.getElementById("napis") wskazuje na element strony, którego atrybut id ma wartość "napis".
  • Zmiana treści: przypisanie do .innerHTML oznacza, że zawartość HTML/tekst wewnątrz tego elementu zostanie zastąpiona nową wartością.
  • Źródło wartości: wywołanie Date() w JavaScript zwraca tekstową reprezentację bieżącej daty i czasu (w formie łańcucha znaków). W efekcie w elemencie o id "napis" pojawi się aktualna data i czas.

Dlatego poprawny komentarz powinien opisywać wyświetlenie daty i czasu w elemencie o wskazanym identyfikatorze. Odpowiedź "zmiana stylu atrybutu innerHTML" jest błędna, ponieważ innerHTML nie jest stylem CSS, tylko zawartością elementu. Odpowiedź "wyświetlenie tekstu "Date()" …" jest myląca: skrypt nie wstawia napisu "Date()", lecz wynik działania funkcji. "Nieprawidłowe dane" nie opisuje operacji wykonywanej przez instrukcję i nie stanowi poprawnej dokumentacji kodu.

Na egzaminie warto pamiętać: jeżeli widzisz przypisanie do innerHTML, pytanie zwykle dotyczy zmiany treści elementu, a nie jego formatowania. Gdy pojawia się Date() lub new Date(), chodzi o bieżącą datę/czas albo obiekt daty, zależnie od sposobu użycia.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co robi document.getElementById("napis") w JavaScript?
Zwraca referencję do elementu DOM, którego atrybut id ma wartość napis. Dzięki temu można potem odczytywać lub modyfikować właściwości tego konkretnego elementu, np. treść, klasy CSS czy atrybuty.
Jak działa przypisanie do innerHTML i co ono zmienia?
Przypisanie do innerHTML zastępuje zawartość danego elementu (tekst i ewentualny HTML) nową wartością. To nie jest styl CSS, tylko treść "wewnątrz" znacznika. Używaj ostrożnie, bo może nadpisać istniejące elementy potomne.
Dlaczego Date() wstawia datę i czas, a nie tekst "Date()"?
Bo Date() jest wywołaniem funkcji. Do innerHTML trafia wynik tego wywołania (łańcuch znaków z bieżącą datą i czasem), a nie sama nazwa funkcji. Tekst "Date()" pojawiłby się tylko, gdybyś wstawił go w cudzysłowie.
Jakie są różnice między Date() a new Date()?
Date() wywołane jako funkcja zwraca zwykle łańcuch tekstowy z aktualną datą i czasem. new Date() tworzy obiekt daty, na którym można wywoływać metody (np. pobierać rok, miesiąc, formatować). W praktyce do wyświetlania często używa się formatowania.
Kiedy używać innerText lub textContent zamiast innerHTML?
Gdy chcesz wstawić wyłącznie tekst i uniknąć interpretacji HTML. textContent oraz innerText są bezpieczniejsze przy danych od użytkownika, bo nie wstrzykują znaczników. innerHTML stosuj, gdy naprawdę potrzebujesz wstawiać fragment HTML.
Czy komentarz // wpływa na działanie kodu JavaScript?
Nie. Komentarz liniowy zaczynający się od // jest ignorowany przez interpreter. Służy wyłącznie do dokumentowania, wyjaśniania intencji lub tymczasowego wyłączania fragmentów kodu. Na egzaminie komentarz ma opisywać realny efekt instrukcji.
Jak poprawnie opisać w komentarzu działanie tej instrukcji?
Komentarz powinien mówić o skutku: że w elemencie o określonym id zostanie ustawiona treść na bieżącą datę i czas. Dobra praktyka to opisywanie "co" się stanie (zmiana treści elementu), a nie przepisywanie kodu słowo w słowo.
Dlaczego odpowiedź o zmianie stylu jest typową pułapką?
Bo uczniowie mylą pojęcia: innerHTML brzmi jak "wnętrze elementu", więc bywa kojarzone ze стилami. Tymczasem styl zmienia się przez style albo klasy CSS. W tym kodzie modyfikowana jest treść elementu, nie wygląd opisany CSS.
Jakie błędy często pojawiają się przy getElementById na egzaminie?
Częste pomyłki to: brak cudzysłowów wokół identyfikatora, użycie złej wielkości liter w nazwie metody, albo mylenie id z class. Na egzaminie zwracaj uwagę na to, że id jest unikalne, a metoda dotyczy dokładnie id.
Jak sprawdzić wynik Date() w praktyce podczas nauki?
Najprościej w konsoli przeglądarki: otwórz DevTools i wpisz Date() lub new Date(). Zobaczysz, co zwraca funkcja/obiekt. Potem możesz przypisać wynik do elementu na stronie, aby utrwalić różnicę między wartością tekstową a obiektem daty.
info

To pytanie poprawnie rozwiązuje 64% zdających egzamin. średnie

Według specjalistów z branży: "Instrukcja pobiera element o identyfikatorze "napis", a następnie przypisuje do jego innerHTML wynik wywołania Date(), czyli tekstową reprezentację bieżącej daty i czasu."

Źródła:

  • MDN Web Docs: Document.getElementById() - https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById (accessed 2026-02-27)
  • MDN Web Docs: Element.innerHTML - https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML (accessed 2026-02-27)
  • MDN Web Docs: Date - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date (accessed 2026-02-27)

Materiały:

  • Dokumentacja MDN: komentarze w JavaScript i podstawy składni
  • Dokumentacja MDN: Document.getElementById() i praca z DOM
  • Dokumentacja MDN: właściwość Element.innerHTML
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego