Filtrowanie tablicy obiektów metodą filter

Treść zadania

W sklepie spożywczym mamy tablicę produktów:
const produkty = [ { nazwa: "Jabłko", kategoria: "owoce" }, { nazwa: "Marchew", kategoria: "warzywa" }, { nazwa: "Banan", kategoria: "owoce" } ];
W dokumencie przygotowano przycisk <button id="btnOwoce">Pokaż owoce</button> oraz akapit <p id="licznikOwocow"></p>.
Po kliknięciu przycisku przefiltruj tablicę metodą filter() wybierając tylko obiekty, w których kategoria === 'owoce', i wpisz do akapitu: Liczba owoców: 2 (używając właściwości length nowo powstałej tablicy).

Co będzie oceniane

Zastosowanie metody filter() z warunkiem kategoria === 'owoce'.
Odczyt liczby przefiltrowanych rekordów.
Wpisanie 'Liczba owoców: 2' do #licznikOwocow.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Przefiltrowanie owoców i odczyt liczby elementów — tekst #licznikOwocow = Liczba owoców: 2

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

const produkty = [
  { nazwa: "Jabłko", kategoria: "owoce" },
  { nazwa: "Marchew", kategoria: "warzywa" },
  { nazwa: "Banan", kategoria: "owoce" }
];

// Przefiltruj owoce i wpisz 'Liczba owoców: 2' do #licznikOwocow po kliknięciu #btnOwoce

Wskazówki

Wskazówka 1

Metoda filter tworzy nową tablicę zawierającą wyłącznie te elementy, dla których funkcja testująca zwróciła wartość logiczną prawdy.

Wskazówka 2

Wywołaj na tablicy produktów metodę filter z warunkiem równości kategorii, a długość zwróconej podtablicy wstaw do treści akapitu licznika.