Wyszukiwanie obiektu metodą find po numerze ID
Treść zadania
W skrypcie mamy tablicę użytkowników:const uzytkownicy = [
{ id: 101, login: "admin" },
{ id: 102, login: "moderator" },
{ id: 103, login: "tester" }
];
W dokumencie jest pole <input type="number" id="szukaneId" value="102">, przycisk <button id="btnSzukajLogin">Szukaj</button> oraz akapit <p id="znalezionyLogin"></p>.
Po kliknięciu przycisku odczytaj liczbę z pola i za pomocą metody uzytkownicy.find(...) odszukaj obiekt z pasującym id. Wpisz do akapitu: Znaleziono: moderator.
Co będzie oceniane
- Pobranie i sparsowanie szukanego id za pomocą parseInt.
- Użycie metody find na tablicy obiektów.
- Wpisanie 'Znaleziono: moderator' do #znalezionyLogin.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Odnalezienie loginu dla id 102 — tekst #znalezionyLogin = Znaleziono: moderator
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
const uzytkownicy = [
{ id: 101, login: "admin" },
{ id: 102, login: "moderator" },
{ id: 103, login: "tester" }
];
// Znajdź użytkownika po id i wpisz login do #znalezionyLogin po kliknięciu #btnSzukajLogin
Wskazówki
Wskazówka 1
Metoda find zwraca pierwszy element spełniający warunek podany w funkcji testującej.
Wskazówka 2
Przekształć wartość z pola na liczbę całkowitą, wywołaj na tablicy metodę find porównując pole id z odczytaną liczbą, a następnie odczytaj login z odnalezionego obiektu i wyświetl w akapicie.