Wyszukiwanie tekstowe bez względu na wielkość liter
Treść zadania
W kadrach mamy listę pracowników:const pracownicy = [
{ nazwisko: "Kowalski", dzial: "IT" },
{ nazwisko: "Nowak", dzial: "Księgowość" }
];
W dokumencie umieszczono pole <input type="text" id="szukaneNazwisko" value="nowak">, przycisk <button id="btnSzukajDzial">Szukaj działu</button> oraz akapit <p id="wynikDzial"></p>.
Po kliknięciu przycisku odszukaj pracownika porównując jego nazwisko z wartością pola tak, by wielkość liter nie miała znaczenia (użyj toLowerCase()). Wpisz do akapitu: Dział: Księgowość.
Co będzie oceniane
- Zastosowanie toLowerCase() do niewrażliwego na wielkość liter wyszukiwania.
- Użycie metody find na tablicy pracowników.
- Wpisanie 'Dział: Księgowość' do akapitu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wyszukanie działu dla nazwiska 'nowak' — tekst #wynikDzial = Dział: Księgowość
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
const pracownicy = [
{ nazwisko: "Kowalski", dzial: "IT" },
{ nazwisko: "Nowak", dzial: "Księgowość" }
];
// Odszukaj pracownika bez względu na wielkość liter i wpisz 'Dział: ...' do #wynikDzial
Wskazówki
Wskazówka 1
Zarówno nazwisko z obiektu, jak i wpis z pola tekstowego sprowadź do małych liter przed porównaniem operatorem potrójnej równości.
Wskazówka 2
Wewnątrz funkcji zwrotnej metody find wywołaj toLowerCase na nazwisku pracownika i porównaj z małą wersją tekstu z pola, a odnaleziony dział wpisz do akapitu.