Kalkulator malowania ścian
Treść zadania
W formularzu budowlanym mamy:
- Powierzchnia w m²:
<input type="number" id="metry" value="25"> - Rodzaj farby:
<select id="farba"><option value="12.50" selected>Akrylowa (12.50 zł/m²)</option><option value="18.00">Lateksowa (18.00 zł/m²)</option></select> - Przycisk:
<button id="btnMalowanie">Wyceń malowanie</button> - Akapit:
<p id="kosztMalowania"></p>
Po kliknięciu przycisku oblicz koszt (powierzchnia * cena farby za m²), sformatuj wynik za pomocą toFixed(2) i wpisz do akapitu: Koszt farby: 312.50 zł.
Co będzie oceniane
- Odczyt i konwersja obu wartości za pomocą parseFloat.
- Zastosowanie toFixed(2) na wyniku mnożenia 25 * 12.50 = 312.50.
- Wpisanie Koszt farby: 312.50 zł do akapitu.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Wyliczenie kosztu malowania 25m² farbą akrylową — tekst #kosztMalowania = Koszt farby: 312.50 zł
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
// Oblicz koszt farby po kliknięciu #btnMalowanie i sformatuj przez toFixed(2)
Wskazówki
Wskazówka 1
Odczytaj metry funkcją parseFloat() oraz cenę farby z listy select również za pomocą parseFloat().
Wskazówka 2
Wykonaj mnożenie, sformatuj liczbę metodą toFixed(2) i wstaw do właściwości textContent akapitu.