Hej, mam do zrobienia zadanie o następującej treści:
Kolejka do elektronicznego systemu obsługi: do dyspozycji mamy dwa przyciski "nowy klient" (dodaje klienta do kolejki) oraz "obsłuż klienta" (klient pierwszy w kolejce zostaje obsłużony i usunięty). Poniżej wyświetlany jest stan kolejki (np. w postaci poziomej tabeli). Jeszcze niżej wyświetlana jest lista wykonanych operacji (najnowsza operacja znajduje się na górze): "klient X pojawił się o godzinie GGSS" albo "klient X został obsłużony o godzinie GGSS". Klienci są reprezentowani przez kolejne wartości całkowite rozpoczynając od 1. Maksymalny rozmiar kolejki to 10 - próba dodania nowego klienta skutkuje komunikatem "dla klienta X nie ma miejsca w kolejce".
Udało mi się wymyślić tylko tyle co poniżej czyli w sumie tyle co nic. Moim głównym problemem jest to jak napisać skrypt, żeby przycisk dodawał po jednej wartości do tablicy na każde kliknięcie. Jedyne na co wpadłam to pętla, a ona dodaje wszystko na raz
var $nowyKlient = document.getElementById('nowyKlient');
var $obsluzKlienta = document.getElementById('obsluzKlienta');
var $stanKolejki = document.getElementById('stanKolejki');
var $godzinaObsluzenia = document.getElementById('godzinaObsluzenia');
var tablicaKolejki = [];
var klient = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
$nowyKlient.onclick = function () {
tablicaKolejki.push(klient[0]);
$stanKolejki.innerHTML = tablicaKolejki
}
tutaj część html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Zestaw B</title>
</head>
<body>
<div><h3>Zadanie 5</h3></div>
<button id="nowyKlient" type="button">Nowy klient</button></br>
<button id="obsluzKlienta" type="button">Obsłuż klienta</button>
<div id="stanKolejki"></div>
<div id="godzinaObsluzenia"></div>
<script src="ZestawB.js"></script>
</body>
</html>
jeśli zrobiłam jakieś błędy w samej treści postu, przepraszam, jestem tu po raz pierwszy :)