Time waiting to buy my tickets

by Génesis García Morilla

HTML

<div id="tickets"></div>
<div id="user"></div>
<div id="time"></div>

CSS

body {
  font-family: roboto arial;
  font-weight: bold;
  text-align: center;
}

div {
  margin: 10px;
  display: inline-flex;
  padding: 10px;
  border-radius: 10px;
}

#tickets {
  color: white;
  background-color: #ED6A5A;
}

#user {
  color: #77928e;
  background-color: #F4F1BB;
}

#time {
  border: 3px dashed #E6EBE0;
  color: #E6EBE0;
  background-color: #9BC1BC;
}

JavaScript

let t = [1, 2, 5]
let p = 1
let p_queue_time = 0

document.querySelector('#tickets').textContent = `Tickets per user in the queue: ${t}`
document.querySelector('#user').textContent = `My current position in the queue: ${p + 1}`


while(t[p] > 0) {
	// One ticket per person each time
	if (t[0] > 0) {
  	t[0]--
    p_queue_time++ // 1 s per transaction
  }
	
  // p tracking
  if (p == 0) p = t.length - 1
  else p--
  
  t.push(t.shift())
}


document.querySelector('#time').textContent = `Time waiting to buy my tickets: ${p_queue_time} s`