Dodawanie obiektu do tablicy metodą push
Treść zadania
W komisie mamy tablicę aut:const flota = [
{ marka: "Fiat", model: "Panda" }
];
W dokumencie przygotowano pola <input type="text" id="autoMarka" value="Opel">, <input type="text" id="autoModel" value="Corsa">, przycisk <button id="btnDodajAuto">Dodaj do floty</button> oraz akapit <p id="licznikFloty">Flota: 1 aut</p>.
Po kliknięciu przycisku utwórz obiekt z właściwościami marka i model pobranymi z pól, dodaj go do tablicy za pomocą flota.push(...) i zaktualizuj akapit na 'Flota: ' + flota.length + ' aut'.
Co będzie oceniane
- Utworzenie obiektu z danymi z pól #autoMarka i #autoModel.
- Użycie metody flota.push().
- Aktualizacja tekstu akapitu #licznikFloty na 'Flota: 2 aut'.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Dodanie drugiego auta do floty — tekst #licznikFloty = Flota: 2 aut
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
const flota = [
{ marka: "Fiat", model: "Panda" }
];
// Utwórz obiekt, dodaj przez flota.push i zaktualizuj #licznikFloty po kliknięciu #btnDodajAuto
Wskazówki
Wskazówka 1
Metoda push dodaje nowy element na końcu tablicy i powiększa jej rozmiar o jeden.
Wskazówka 2
Pobierz wartości z obu pól wejściowych, skonstruuj nowy obiekt z odpowiednimi kluczami, przekaż go jako argument metody push na tablicy floty i odśwież licznik w akapicie.