Wybór pola selektorem atrybutu
Treść zadania
W dokumencie znajduje się pole zdefiniowane jako <input name="kodRabatowy" value="LATO"> (bez atrybutu id). Użyj metody document.querySelector('input[name="kodRabatowy"]'), aby pobrać to pole, po czym zamień wpisany kod na wielkie litery za pomocą toUpperCase() i wpisz z powrotem do właściwości value.
Co będzie oceniane
- Użycie document.querySelector z selektorem atrybutu input[name='kodRabatowy'].
- Aktualizacja wartości pola za pomocą toUpperCase().
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zamiana wartości w polu wybranym selektorem atrybutu — wartosc input[name="kodRabatowy"] = LATO
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Pobierz pole selektorem atrybutu i zamień wartość na wielkie litery
Wskazówki
Wskazówka 1
Metoda querySelector pozwala na wyszukiwanie elementów po dowolnym atrybucie HTML w nawiasach kwadratowych.
Wskazówka 2
Odczytaj value, przekształć metodą toUpperCase() i przypisz z powrotem do właściwości value tego samego elementu.