Projeto Ingresso

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!')
    }
}