Co można powiedzieć o wyświetlonym przez witrynę tekście "test kolorów"?

Poprawna odpowiedź: C (Po wciśnięciu przycisku test kolor tekstu jest czerwony.)

to opcja C (Po wciśnięciu przycisku test kolor tekstu jest czerwony).

Analizując przedstawiony kod HTML i JavaScript:

1. Linia 1: <p id="p1" style="color:blue;">test kolorów</p>

   • Ten tag <p> definiuje akapit tekstu.* Atrybut id="p1" nadaje temu akapitowi unikalny identyfikator p1. * Atrybut style="color:blue;" oznacza, że domyślny kolor tekstu w tym akapicie, zaraz po załadowaniu strony, będzie niebieski.

2. Linie 2-4: <button type="button" onclick="document.getElementById('p1').style.color='red'"> test</button>

   • Ten tag <button> definiuje przycisk.* Atrybut onclick="document.getElementById('p1').style.color='red'" zawiera kod JavaScript, który zostanie wykonany, gdy użytkownik kliknie ten przycisk.* Kod document.getElementById('p1') wyszukuje element HTML o identyfikatorze p1 (czyli nasz akapit z tekstem test kolorów).* Następnie .style.color='red' zmienia właściwość CSS color (kolor tekstu) tego elementu na czerwony.

Podsumowując:

• Po załadowaniu strony tekst test kolorów będzie niebieski (zgodnie z początkowym stylem).
• Po kliknięciu przycisku test, kod JavaScript zmienia kolor tekstu test kolorów na czerwony, i pozostaje on czerwony, dopóki nie zostanie wykonana inna operacja zmieniająca jego kolor.

Dlaczego pozostałe opcje są nieprawidłowe?

• A: Wciskanie przycisku test sprawia, że kolor tekstu jest na przemian niebieski i czerwony.** Kod JavaScript zmienia kolor na czerwony tylko raz przy każdym kliknięciu. Nie ma zaimplementowanej logiki, która by go przełączała z powrotem na niebieski.
• B: Zaraz po załadowaniu witryny kolor tekstu jest czerwony.** Jak widać z atrybutu style, początkowy kolor jest niebieski.
• D: Po wciśnięciu przycisku test kolor tekstu jest niebieski.** Kod JavaScript wyraźnie zmienia kolor na czerwony, a nie niebieski.