KWALIFIKACJA INF3 - WRZESIEŃ 2015

PYTANIE NR 34.
Fragment kodu w języku JavaScript realizujący dodawanie dwóch liczb ma poniższą postać. Aby dodawanie wykonane było po kliknięciu przycisku o nazwie "dodaj", należy w wykropkowane miejsce wstawić
Ilustracja przedstawia fragment kodu HTML i JavaScript, który jest częścią zadania egzaminacyjnego dla kwalifikacji
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawne jest użycie zdarzenia kliknięcia w atrybucie onclick, aby kod wykonał się po naciśnięciu przycisku. Dodatkowo nazwa wywoływanej funkcji musi odpowiadać temu, co ma się stać (tu: dodaj()), a nie innej funkcji ani zdarzeniu niezwiązanemu z kliknięciem.

Pełne wyjaśnienie:

W treści chodzi o to, aby operacja dodawania została uruchomiona po kliknięciu przycisku o etykiecie "dodaj". W HTML najprostszym sposobem powiązania akcji użytkownika z funkcją skryptu jest użycie atrybutu obsługi zdarzenia onclick w elemencie <button>. Zdarzenie "kliknięcia" jest naturalnym wyzwalaczem dla przycisku, więc wywołanie funkcji w postaci dodaj() w onclick realizuje wymaganie.

Odpowiedź z onclick i wywołaniem dodaj() jest poprawna, bo spełnia oba warunki jednocześnie:

  • wyzwalacz: kliknięcie (onclick),
  • wykonywana akcja: funkcja dodaj().

Opcje z atrybutem onselect są błędne w tym kontekście, ponieważ "select" odnosi się do zaznaczania (np. tekstu lub wartości w polu), a nie do standardowego kliknięcia przycisku. Nawet jeśli atrybut wygląda podobnie do onclick, nie odpowiada wymaganej interakcji użytkownika.

Opcja, która wywołuje funkcję oblicz(), jest również niepoprawna: mimo że ma onclick, uruchamia inną funkcję niż ta, która ma realizować dodawanie dwóch liczb (zgodnie z poleceniem powinna to być funkcja dodaj()). To typowy błąd polegający na czytaniu tylko fragmentu odpowiedzi (np. samego onclick) bez sprawdzenia zgodności nazwy funkcji.

W praktyce na egzaminie warto zapamiętać prostą regułę: przycisk → onclick → wywołanie właściwej funkcji. Następnie sprawdź, czy nazwa funkcji i tekst przycisku są spójne z poleceniem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Zdarzenie kliknięcia to reakcja przeglądarki na naciśnięcie elementu (np. przycisku). Najczęściej wiąże się je z atrybutem onclick lub z metodą addEventListener. Dzięki temu można uruchomić funkcję, np. obliczenia lub walidację formularza.
Atrybut onclick zawiera kod, który wykona się, gdy użytkownik kliknie przycisk. Przykładowo wpisanie wywołania funkcji spowoduje jej uruchomienie po kliknięciu. To proste powiązanie interfejsu (HTML) z logiką (skrypt).
onselect dotyczy sytuacji, gdy użytkownik zaznacza tekst lub zawartość w polu, a nie typowego kliknięcia przycisku. Użycie go w miejscu, gdzie wymagane jest kliknięcie, zwykle nie wywoła oczekiwanej akcji. Do przycisku standardowo stosuje się onclick.
Najczęściej myli się nazwę zdarzenia (np. wybiera inne "on*" niż kliknięcie), albo uruchamia złą funkcję (np. inną nazwa niż w poleceniu). Częsty jest też brak spójności między etykietą przycisku a logiką. Na egzaminie sprawdzaj: zdarzenie + nazwa funkcji.
W praktyce projektowej zwykle lepszy jest addEventListener, bo oddziela strukturę HTML od logiki i łatwiej zarządzać kodem. Jednak na prostych zadaniach egzaminacyjnych atrybut onclick bywa akceptowalny i szybki. Kluczowe jest, aby uruchamiał właściwą funkcję.
Najprościej dodać w funkcji komunikat (np. log w konsoli) i kliknąć przycisk w przeglądarce. Jeśli zdarzenie jest poprawnie podpięte, zobaczysz efekt działania (np. wynik, zmianę w DOM lub wpis w konsoli). Gdy nic się nie dzieje, sprawdź atrybut zdarzenia i nazwę funkcji.
Słowo return przekazuje wartość zwróconą przez funkcję do mechanizmu obsługi zdarzenia. Czasem używa się tego do zatrzymania domyślnej akcji (np. w formularzu). Jeżeli funkcja zwróci wartość, może to wpływać na dalsze zachowanie elementu w zależności od kontekstu.
Problem może wynikać z literówki w nazwie funkcji, braku definicji funkcji w skrypcie, błędu składni lub tego, że skrypt nie został poprawnie załadowany. Czasem przeszkadzają też błędy w innych częściach kodu. Weryfikuj konsolę przeglądarki i poprawność nazewnictwa.
Najczęściej są to przyciski (<button>), linki (<a>), elementy interfejsu (np. <div> pełniący rolę kafelka) oraz ikony. Istotne jest, aby działanie było intuicyjne dla użytkownika i dostępne (np. z klawiatury). Na egzaminie najczęściej spotkasz <button>.
Przećwicz rozpoznawanie podstawowych zdarzeń (kliknięcie, zmiana wartości, wysłanie formularza) i sposoby ich podpinania. Naucz się łączyć polecenie z właściwą nazwą funkcji i elementem. Dobrą metodą jest tworzenie mini-stron: przycisk + funkcja + wynik w dokumencie.
info

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

Według specjalistów z branży: "Poprawne jest użycie zdarzenia kliknięcia w atrybucie onclick, aby kod wykonał się po naciśnięciu przycisku."

Źródła:

  • MDN Web Docs: GlobalEventHandlers.onclick – https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick (dostęp: 2026-03-01)
  • MDN Web Docs: &lt;button&gt;: The Button element – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button (dostęp: 2026-03-01)
  • WHATWG HTML Living Standard: Scripting and event handler content attributes – https://html.spec.whatwg.org/multipage/webappapis.html#event-handler-content-attributes (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN o zdarzeniach i atrybutach obsługi zdarzeń w HTML
  • Dokumentacja MDN dla elementu HTMLButtonElement
  • Specyfikacja HTML (WHATWG) dotycząca globalnych atrybutów i zdarzeń

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego