Zabezpieczenie przed brakiem wyboru radio

Treść zadania

Mamy grupę przycisków radiowych, w której początkowo żaden przycisk nie jest zaznaczony:

<input type="radio" name="sposobPlatnosci" value="Karta"> Karta
<input type="radio" name="sposobPlatnosci" value="Przelew"> Przelew

oraz przycisk <button id="btnPlatnosc">Dalej</button> i akapit <p id="komunikatPlatnosci"></p>. Pobierz zaznaczony radio za pomocą querySelector('input[name="sposobPlatnosci"]:checked'):

Jeżeli żaden przycisk nie jest zaznaczony (zmienna to null), wpisz do akapitu: Wybierz metodę płatności!
W przeciwnym razie wpisz: Wybrano: + wartość opcji.

Co będzie oceniane

Bezpieczne sprawdzenie wyniku querySelector pod kątem null.
Wyświetlenie ostrzeżenia Wybierz metodę płatności! przy braku zaznaczenia.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Kliknięcie przy braku wyboru opcji płatności — tekst #komunikatPlatnosci = Wybierz metodę płatności!

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Sprawdź czy wybrano metodę płatności i wyświetl odpowiedni komunikat

Wskazówki

Wskazówka 1

Gdy żaden przycisk w grupie nie jest zaznaczony, metoda querySelector() z pseudoklasą :checked zwraca wartość null.

Wskazówka 2

Użyj instrukcji warunkowej if (!zaznaczony) lub if (zaznaczony === null), aby zabezpieczyć skrypt przed próbą odczytu właściwości z nieistniejącego obiektu.