Kompletny raport kalkulacji w DOM

Treść zadania

W formularzu zamówienia znajdują się pola:

<input id="nazwa" value=" Monitor 27 cali ">
<input id="cenaNetto" value="800.00">
<div id="raport"></div>

Napisz skrypt, który:

Oczyści nazwę produktu ze spacji za pomocą trim().
Skonwertuje cenę netto za pomocą parseFloat().
Obliczy cenę brutto z 23% podatkiem VAT (mnożenie przez 1.23).
Wstawi do kontenera #raport kod HTML za pomocą innerHTML w formacie:
<b>Produkt:</b> Monitor 27 cali <br><b>Cena brutto:</b> 984 zł

Co będzie oceniane

Odczyt i normalizacja danych z kontrolek formularza.
Prawidłowe wyliczenie kwoty brutto (800 * 1.23 = 984).
Wstawienie sformatowanego raportu do kontenera #raport przez innerHTML.
Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

Generowanie sformatowanego raportu brutto w DOM — tekst #raport b = Produkt:; tekst #raport = Produkt: Monitor 27 cali Cena brutto: 984 zł

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

// Pobierz dane, wylicz brutto i wygeneruj raport w #raport za pomocą innerHTML

Wskazówki

Wskazówka 1

Przygotuj oczyszczoną nazwę i wyliczoną kwotę brutto w stałych pomocniczych.

Wskazówka 2

Zbuduj ciąg znaków łączący znaczniki HTML pogrubienia i przejścia do nowej linii ze zmiennymi, a następnie przypisz go do właściwości innerHTML kontenera.