Rejestr zgłoszeń z numeracją sekwencyjną
Treść zadania
W systemie pomocy technicznej mamy zmienną z numerem startowym: let nrZgloszenia = 101;.
W dokumencie znajduje się pole <input type="text" id="trescUsterki" value="Brak sieci">, przycisk <button id="btnZarejestrujUsterke">Zarejestruj</button> oraz lista <ul id="rejestrTicketow"></ul>.
Po kliknięciu przycisku utwórz <li> z tekstem 'Zgłoszenie #' + nrZgloszenia + ': ' + input.value, dołącz do listy, zwiększ nrZgloszenia++ i wyczyść pole wprowadzania.
Co będzie oceniane
- Utworzenie i dołączenie elementu li.
- Formatowanie tekstu 'Zgłoszenie #101: Brak sieci'.
- Inkrementacja zmiennej nrZgloszenia i wyczyszczenie pola.
- Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.
Testy automatyczne (1)
- Zarejestrowanie zgłoszenia #101 — licznik #rejestrTicketow li = 1; tekst #rejestrTicketow li = Zgłoszenie #101: Brak sieci; wartosc #trescUsterki =
Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.
let nrZgloszenia = 101;
// Rejestruj zgłoszenie z numerem i dodawaj li do #rejestrTicketow po kliknięciu
Wskazówki
Wskazówka 1
Zmienna licznika sekwencyjnego zachowuje swój stan pomiędzy kolejnymi kliknięciami przycisku użytkownika.
Wskazówka 2
Skonstruuj element listy łącząc aktualny numer zgłoszenia z tekstem usterki, dołącz go do listy nadrzędnej, zwiększ zmienną numeru o jeden i zresetuj pole wejściowe.