Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Wyszukiwanie tekstowe bez względu na wielkość liter

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)

  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.