Kod JavaScript wywołany zdarzeniem kliknięcia przycisku ma za zadanie
<img id="i1" src="obraz1.gif">
<button onclick="document.getElementById('i1').src='obraz2.gif'">
test</button>
Odpowiedzi
Informacja zwrotna
Odpowiedź 'zamienić obraz1.gif na obraz2.gif' jest poprawna, ponieważ kod JavaScript w przycisku jest odpowiedzialny za zmianę źródła obrazu. W momencie kliknięcia przycisku, funkcja `document.getElementById('i1').src='obraz2.gif'` przypisuje nowe źródło do elementu o identyfikatorze 'i1', co efektywnie powoduje wyświetlenie obraz2.gif zamiast obraz1.gif. Tego typu manipulacje DOM są powszechnie stosowane w interaktywnych aplikacjach webowych, gdzie użytkownik wchodzi w interakcję z różnymi elementami. Przykładem zastosowania tej techniki może być tworzenie galerii zdjęć, gdzie użytkownik klika na miniaturkę, a główny obrazek zostaje zmieniony na wybrane zdjęcie. Warto również zauważyć, że ta zmiana jest realizowana bez potrzeby reładowania strony, co znacząco poprawia doświadczenie użytkownika. Takie podejście jest zgodne z dobrymi praktykami w zakresie tworzenia dynamicznych interfejsów użytkownika.
Analizując wszystkie pozostałe odpowiedzi można zauważyć, że nie odzwierciedlają one rzeczywistych działań wykonywanych przez kod. Twierdzenie, że 'ukryć obraz2.gif' jest błędne, ponieważ w kodzie nie zachodzi żadna operacja związana z ukrywaniem. Przydzielanie nowego źródła do obrazu nie wpływa na jego widoczność, a jedynie zmienia to, co jest wyświetlane. Na podobnej zasadzie, stwierdzenie, że 'zmienić styl obrazu o id równym i1' jest mylące, ponieważ kod nie dotyczy modyfikacji stylów CSS, lecz wymiany źródła obrazu, co oznacza zupełnie inny typ interakcji. Wreszcie, sugestia, że 'wyświetlić obraz2.gif obok obraz1.gif' jest nieprawidłowa. Kod nie dodaje obrazu obok istniejącego, ale dokonuje zamiany jednego na drugie. Typowe błędy w myśleniu, które prowadzą do takich błędnych wniosków, obejmują pomylenie pojęć manipulacji DOM z innymi operacjami, takimi jak zmiana stylów czy ukrywanie elementów. W kontekście praktycznym, zrozumienie tych różnic ma kluczowe znaczenie dla prawidłowego używania JavaScript w tworzeniu interaktywnych aplikacji webowych.