Odczyt właściwości obiektu z tablicy

Treść zadania

W skrypcie zdefiniowano tablicę towarów:
const towary = [ { id: 1, nazwa: "Monitor", cena: 800 }, { id: 2, nazwa: "Mysz", cena: 60 } ];
W dokumencie znajduje się przycisk <button id="btnPierwszy">Pokaż pierwszy</button> oraz akapit <p id="wynikPierwszy"></p>. Po kliknięciu przycisku odczytaj właściwości pierwszego obiektu z tablicy i wpisz do akapitu tekst w formacie: Pierwszy towar: Monitor (800 zł).

Co będzie oceniane

Odczyt pierwszego elementu tablicy przez towary[0].
Dostęp do pól nazwa i cena.
Wpisanie sformatowanego tekstu do #wynikPierwszy.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Odczyt pierwszego towaru z tablicy — tekst #wynikPierwszy = Pierwszy towar: Monitor (800 zł)

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

const towary = [
  { id: 1, nazwa: "Monitor", cena: 800 },
  { id: 2, nazwa: "Mysz", cena: 60 }
];

// Wpisz 'Pierwszy towar: Monitor (800 zł)' do #wynikPierwszy po kliknięciu #btnPierwszy

Wskazówki

Wskazówka 1

Do elementów tablicy odwołujesz się za pomocą indeksów w nawiasach kwadratowych, zaczynając od indeksu zero, a do właściwości obiektu przez kropkę.

Wskazówka 2

Zarejestruj zdarzenie kliknięcia na przycisku i połącz w jeden ciąg znaków etykietę tekstową, nazwę pierwszego towaru oraz jego cenę w nawiasie, a następnie wpisz całość do akapitu.