Foi bem diferente da solução feita pelos instrutores, mas funcionou.
let qtdPista = parseFloat(document.getElementById('qtd-pista').textContent);
let qtdSuperior = parseInt(document.getElementById('qtd-superior').textContent);
let qtdInferior = parseInt(document.getElementById('qtd-inferior').textContent);
function comprar() {
// captura e armazena o tipo de ingresso e a quantidade
let tipoIngresso = document.getElementById('tipo-ingresso').value;
let quantidade = document.getElementById('qtd').value;
if (tipoIngresso == 'pista' && qtdPista > 0) {
qtdPista = qtdPista - quantidade;
let atualizaPista = document.getElementById('qtd-pista');
atualizaPista.innerHTML = `<span id="qtd-pista">${qtdPista}</span>`;
} else if (tipoIngresso == 'superior' && qtdSuperior > 0) {
qtdSuperior = qtdSuperior - quantidade;
let atualizaSuperior = document.getElementById('qtd-superior');
atualizaSuperior.innerHTML = `<span id="qtd-superior">${qtdSuperior}</span>`;
} else if (tipoIngresso == 'inferior' && qtdInferior > 0) {
qtdInferior = qtdInferior - quantidade;
let atualizaInferior = document.getElementById('qtd-inferior');
atualizaInferior.innerHTML = `<span id="qtd-inferior">${qtdInferior}</span>`;
} else {
alert('Ingresso esgotado!')
}
}
