[Sugestão] Apresentação do projeto Ingresso Online

document.addEventListener("DOMContentLoaded", function () {
    // Elementos
    const tipoIngresso = document.getElementById("tipo-ingresso");
    const qtdInput = document.getElementById("qtd");
    const qtdPista = document.getElementById("qtd-pista");
    const qtdSuperior = document.getElementById("qtd-superior");
    const qtdInferior = document.getElementById("qtd-inferior");
    const btnComprar = document.querySelector("button");
    
    // Estoque inicial
    let ingressos = {
        pista: 100,
        superior: 200,
        inferior: 400
    };

    function comprar() {
        const tipo = tipoIngresso.value;
        let quantidade = parseInt(qtdInput.value);

        if (isNaN(quantidade) || quantidade <= 0) {
            alert("Por favor, insira uma quantidade válida.");
            return;
        }

        if (quantidade > ingressos[tipo]) {
            alert("Quantidade indisponível!");
            return;
        }

        // Atualiza os ingressos
        ingressos[tipo] -= quantidade;
        atualizarEstoque();

        // Zera o input
        qtdInput.value = "";

        // Verifica se os ingressos acabaram
        if (ingressos.pista === 0 && ingressos.superior === 0 && ingressos.inferior === 0) {
            alert("Ingressos esgotados! Não há mais ingressos disponíveis para nenhuma seção.");
            btnComprar.disabled = true;
        }
    }

    function atualizarEstoque() {
        qtdPista.textContent = ingressos.pista;
        qtdSuperior.textContent = ingressos.superior;
        qtdInferior.textContent = ingressos.inferior;
    }

    // Inicializa os valores
    atualizarEstoque();
    qtdInput.value = "";
    
    // Associa a função ao botão
    btnComprar.addEventListener("click", comprar);
});