Przekazywanie argumentu z onclick
Treść zadania
W dokumencie znajdują się dwa przyciski:
<button id="btnCzerwony" onclick="wybierzKolor('Czerwony')">Czerwony</button><button id="btnNiebieski" onclick="wybierzKolor('Niebieski')">Niebieski</button><p id="wybranyKolor"></p>
Napisz funkcję wybierzKolor(nazwa), która wstawi do akapitu tekst w formacie: Wybrano kolor: Czerwony (lub Niebieski, zależnie od klikniętego przycisku).
Co będzie oceniane
- Deklaracja funkcji wybierzKolor z parametrem nazwa.
- Połączenie tekstu etykiety z parametrem.
- Prawidłowe wyświetlenie komunikatu po kliknięciu przycisku.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Kliknięcie przycisku Czerwony — tekst #wybranyKolor = Wybrano kolor: Czerwony
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Zdefiniuj funkcję wybierzKolor(nazwa)
Wskazówki
Wskazówka 1
Funkcja musi posiadać jeden parametr, do którego trafi napis przekazany w nawiasach atrybutu onclick.
Wskazówka 2
Połącz stałą etykietę z wartością parametru operatorem + i przypisz wynik do właściwości textContent akapitu.