Eu geralmente apago os comentarios pq tenho medo de acharem feio ou com quantidade exageradas. mas aqui tá como eu fiz:

    pista: 100,
    superior: 200,
    inferior: 400
}
function atualizarQuantidades() {
    document.getElementById('qtd-pista').textContent = ingressosDisponiveis.pista;
    document.getElementById('qtd-superior').textContent = ingressosDisponiveis.superior;
    document.getElementById('qtd-inferior').textContent = ingressosDisponiveis.inferior;
}
function comprar() {
    const tipoIngresso = document.getElementById('tipo-ingresso').value;
    const quantidade = parseInt(document.getElementById('qtd').value);
    if (isNaN(quantidade) || quantidade > 10 || quantidade < 1) {
        alert("Quantidade inválida, o máximo de ingresso é 10!")
        return;
    }
    if (ingressosDisponiveis[tipoIngresso] < quantidade) {
        alert("Infelizmente não temos esse tanto de ingressos! Por favor verifique a quantidade dispónivel!")
        return;
    }
    ingressosDisponiveis[tipoIngresso] -= quantidade
    atualizarQuantidades()
}
document.addEventListener('DOMcontentLoaded', function () {
    atualizarQuantidades();
});