Fiz dessa maneira, ainda não passei da primeira aula pra saber se fiz diferente do que foi feito pelos professores, mas to orgulhoso que tenha feito do meu modo e que tenha funcionado.
let quantidadePista = 100;
let quantidadeSuperior = 200;
let quantidadeInferior = 400;
function comprar() {
quantidadePista = controleIngressos('pista', quantidadePista);
quantidadeSuperior = controleIngressos('superior', quantidadeSuperior);
quantidadeInferior = controleIngressos('inferior', quantidadeInferior);
let campoLista = document.querySelector('ul');
campoLista.innerHTML = `<li>Pista<span id="qtd-pista">${quantidadePista}</span></li>
<li>Cadeira superior<span id="qtd-superior">${quantidadeSuperior}</span></li>
<li>Cadeira inferior<span id="qtd-inferior">${quantidadeInferior}</span></li>`
}
function controleIngressos(tipo, quantidadeTotal) {
let tipoIngresso = document.getElementById('tipo-ingresso').value;
let quantidade = parseInt(document.getElementById('qtd').value);
if (tipoIngresso == tipo) {
quantidade <= quantidadeTotal ? quantidadeTotal -= quantidade : alert(`Ingressos para área ${tipo} foram esgotados`);
}
return quantidadeTotal;
}