Ćwiczenie · Informatyka Ćwiczenie: Zliczanie obiektów w tablicy

Zliczanie obiektów w tablicy

Treść zadania

W skrypcie przygotowano tablicę z danymi:
const studenci = [
  { imie: "Kamil" },
  { imie: "Ewa" },
  { imie: "Bartek" }
];

W dokumencie mamy przycisk <button id="btnLiczbaStudentow">Ile osób?</button> oraz akapit <p id="liczbaWpisow"></p>. Po kliknięciu przycisku wpisz do akapitu komunikat: Liczba studentów: 3 (wykorzystując studenci.length).

Co będzie oceniane

  • Pobranie referencji do elementów DOM.
  • Użycie właściwości studenci.length.
  • Wpisanie komunikatu 'Liczba studentów: 3' do #liczbaWpisow.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Zliczenie liczby studentów w tablicy — tekst #liczbaWpisow = Liczba studentów: 3

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

const studenci = [
  { imie: "Kamil" },
  { imie: "Ewa" },
  { imie: "Bartek" }
];

// Wpisz 'Liczba studentów: 3' do #liczbaWpisow po kliknięciu #btnLiczbaStudentow

Wskazówki

Wskazówka 1

Właściwość length tablicy przechowuje dokładną liczbę zawartych w niej elementów.

Wskazówka 2

Pobierz przycisk i akapit, a w obsłudze kliknięcia połącz ciąg znaków 'Liczba studentów: ' z wartością właściwości length tablicy studentów i przypisz do treści akapitu.