Koszyk zakupowy z dynamiczną sumą
Treść zadania
W sklepie mamy zmienną let lacznaSuma = 0;.
W dokumencie umieszczono pole nazwy <input type="text" id="towarNazwa" value="Kawa">, pole ceny <input type="number" id="towarCena" value="25">, przycisk <button id="btnWrzucDoKoszyka">Dodaj do koszyka</button>, listę <ul id="koszykLista"></ul> oraz akapit <p id="lacznaWartoscKoszyka">Suma: 0 zł</p>.
Po kliknięciu przycisku:
1. Utwórz <li>Nazwa - Cena zł</li> i dodaj do #koszykLista.
2. Zwiększ lacznaSuma o cenę towaru.
3. Zaktualizuj akapit na 'Suma: ' + lacznaSuma + ' zł'.
Co będzie oceniane
- Utworzenie nowego elementu li z nazwą i ceną.
- Dodawanie ceny do zmiennej lacznaSuma.
- Wpisanie 'Suma: 25 zł' do #lacznaWartoscKoszyka.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Dodanie kawy za 25 zł i aktualizacja sumy — licznik #koszykLista li = 1; tekst #lacznaWartoscKoszyka = Suma: 25 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
let lacznaSuma = 0;
// Dodawaj towar do koszyka i aktualizuj sumę po kliknięciu #btnWrzucDoKoszyka
Wskazówki
Wskazówka 1
Zarządzaj wspólną zmienną akumulacyjną sumy, powiększając ją o cenę każdego nowo dołączanego towaru.
Wskazówka 2
Odczytaj dane produktu, utwórz nowy element listy, dołącz go do koszyka, powiększ zmienną sumy o sparsowaną cenę i wyświetl zaktualizowany wynik w akapicie.