W HTML obraz na stronie jest wyświetlany przez element <img>. Kluczowy jest atrybut src, który wskazuje plik graficzny do pobrania i pokazania przez przeglądarkę. JavaScript może ten atrybut ustawić lub zmienić (np. przez odwołanie do elementu w DOM, często przez id i funkcję document.getElementById), a następnie przypisanie nowej wartości do właściwości src.
Pytanie dotyczy efektu "po wykonaniu fragmentu kodu HTML i JavaScript", czyli tego, jaka jest końcowa wartość źródła obrazka wynikająca z inicjalizacji w HTML oraz ewentualnego nadpisania w skrypcie uruchamianym przy ładowaniu strony. Jeżeli w wyniku działania kodu ustawiane jest kol2.jpg, to ten plik będzie wyświetlony.
- kol2.jpg – poprawne, gdy kod ostatecznie ustawia źródło obrazka na ten plik (w HTML lub przez JS, który nadpisuje wcześniejsze ustawienie).
- kol1.jpg – błędne, jeśli w kodzie źródło jest zmieniane na kol2.jpg przed zobaczeniem strony przez użytkownika.
- kol1.jpg, który może być zmieniony na kol2.jpg po wciśnięciu przycisku – mylące, bo opisuje scenariusz zależny od akcji użytkownika; jeśli pytanie dotyczy stanu po wykonaniu kodu (bez kliknięcia), taka odpowiedź może nie odpowiadać na to, co widać od razu.
- kol2.jpg, który może być zmieniony na kol1.jpg po wciśnięciu przycisku – również wprowadza warunek "po kliknięciu"; nawet jeśli taka zmiana istnieje, nie zmienia to faktu, jaki plik jest widoczny bez wykonywania tej akcji.
Wskazówka egzaminacyjna: zawsze rozdzielaj "stan początkowy po załadowaniu/wykonaniu skryptu" od "stanu po zdarzeniu" (kliknięcie, najechanie myszą). W zadaniach z DOM sprawdzaj, czy skrypt nadpisuje atrybut z HTML.
