Temat egzaminacyjny
Ten temat pojawia się na egzaminie INF.03 (Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych). Poniżej przykładowe pytania z pełnym wyjaśnieniem oraz narzędzia, które liczą to samo, co trzeba policzyć na egzaminie. W trenażerze czeka 7 pytań z tego zakresu.
Sesja zima 2027część pisemna 7–13 stycznia 2027praktyczna INF.03: 11–13 stycznia 2027zostały 64 dniHarmonogram →
const ceny = [12, 5, 30, 8];
const wynik = ceny.filter(c => c > 10).map(c => c * 2);
console.log(wynik);Dlaczego tak
Metoda filter zostawia tylko elementy spełniające warunek c > 10, czyli [12, 30]. Następnie map tworzy nową tablicę z każdym elementem pomnożonym przez 2: [24, 60]. Wynik [24, 10, 60, 16] powstałby bez filtrowania, a [10, 16] — gdyby filter zostawił elementy mniejsze od 10 lub równe.
Dlaczego tak
Naciśnięcie klawisza wywołuje zdarzenie keydown, a właściwość key obiektu zdarzenia zawiera nazwę klawisza jako tekst 'Enter'. Zdarzenia click i mouseover pochodzą od myszy i nie mają właściwości key, więc warunek nigdy nie będzie spełniony. W wariancie z Enter bez apostrofów interpreter szuka zmiennej o tej nazwie i zgłasza ReferenceError.
Dlaczego tak
Skrypty bez atrybutów async i defer wykonują się w kolejności wystąpienia w dokumencie, więc biblioteka musi być załadowana wcześniej — inaczej main.js odwoła się do niezdefiniowanych funkcji i zgłosi błąd. Odwrotna kolejność to najczęstsza przyczyna błędów typu „$ is not defined”. Znaczniki link rel="stylesheet" i style służą do arkuszy CSS, nie do skryptów.
Dlaczego tak
Stan zaznaczenia pola checkbox odczytuje się z logicznej właściwości checked. Właściwość value zwraca wartość wysyłaną z formularza — przy braku atrybutu value jest to zawsze tekst "on", niezależnie od zaznaczenia, co jest częstą pułapką. Właściwość selected dotyczy elementów option listy select, a innerHTML pustego elementu input zwraca pusty tekst.
Dlaczego tak
Atrybut pattern jest wyrażeniem regularnym dopasowywanym do całej wartości pola: dokładnie dwie cyfry, myślnik i dokładnie trzy cyfry. Spełnia to tylko 05-090. Wartość 5-090 ma jedną cyfrę przed myślnikiem, 05090 nie ma myślnika, a w 05-09a ostatni znak nie jest cyfrą. Atrybut required dodatkowo blokuje wysłanie pustego pola.
const ul = document.getElementById('lista');
const li = document.createElement('li');
li.textContent = 'C';
ul.insertBefore(li, ul.firstElementChild);Dlaczego tak
createElement tworzy nowy element li, a textContent nadaje mu treść C. Metoda insertBefore(nowy, wzorcowy) wstawia nowy węzeł przed węzłem wzorcowym — tu przed pierwszym elementem listy, więc kolejność to C, A, B. Kolejność A, B, C dałaby metoda appendChild, która dodaje element na końcu. Istniejące elementy nie są zastępowane.
7 pytań z tego tematu w trenażerze
Za darmo, z wyjaśnieniem przy każdej odpowiedzi.
Ćwicz ten tematKalkulatory, materiały, pytania z forum i firmy