[Projeto] SOLUÇÃO DO DESAFIO usando array

aqui esta o meu codigo de SOLUÇÃO DO DESAFIO

//modificamos codigo inicial HTML para fazer ele flexivel    
//aplicamos variavel para quantidades de ingressos disponivel em cada categoria
let qtdDisponivel=[100,200,400];
//mexendo no cada elemento atravez de ID
let pistaDisponivel=document.getElementById('qtd-pista');
pistaDisponivel.innerHTML=`<span id="qtd-pista">${qtdDisponivel[0]}</span>`;
let superiorDisponivel=document.getElementById('qtd-superior');
superiorDisponivel.innerHTML=`<span id="qtd-superior">${qtdDisponivel[1]}</span>`;
let inferiorDisponivel=document.getElementById('qtd-inferior');
inferiorDisponivel.innerHTML=`<span id="qtd-inferior">${qtdDisponivel[2]}</span>`;

//criando function
function comprar(){
    //recuperando valor de infgresso escolhido
    let ingresso=document.getElementById('tipo-ingresso').value;
    //recuperando quantidade de ingresso escolhido
    let quantidade=document.getElementById('qtd').value;
    
      // Substracao quantidade de ingressos disponiveis seguindo a escolha de ingressos para compra
    for(let i=0;i<qtdDisponivel.length;i++){
        let ingressoEscolhido=['pista','superior','inferior'];
        if (ingresso==ingressoEscolhido[i]){
            if (quantidade>qtdDisponivel[i]){
            alert(`Quantidade indisponivel para ${ingresso}!!!`);
            } else {qtdDisponivel[i]=qtdDisponivel[i]-quantidade;}
        }
    }

    //aplicamos no codigo HTML
    pistaDisponivel.innerHTML=`<span id="qtd-pista">${qtdDisponivel[0]}</span>`;
    superiorDisponivel.innerHTML=`<span id="qtd-superior">${qtdDisponivel[1]}</span>`;
    inferiorDisponivel.innerHTML=`<span id="qtd-inferior">${qtdDisponivel[2]}</span>`;
    
    //limpanos input Quantidade
    document.getElementById('qtd').value='';
}