[Projeto] Projeto de Compra ingressos

Escrevi o codigo com a ajuda do Gemini, não sei se é o certo a se fazer. Faço isso ois estou tendo dificultades em formular em minha mente o passo a passo para começar e entender como cada tag muda e funciona no codigo, porém fui segundo e tentar entender com a explicação da IA e dos videos da alura. Segue o codigo abaixo:

let ingressosDisponiveis = {
    pista:100,
    superior: 200,
    inferior: 400
};

function atualizarIngressos(){
    document.getElementById('qtd-pista').textContent = ingressosDisponiveis.pista;
    document.getElementById('qtd-superior').textContent = ingressosDisponiveis.superior;
    document.getElementById('qtd-inferior').textContent = ingressosDisponiveis.inferior;
}

window.onload = atualizarIngressos;

function comprar(){
    let produtos = document.getElementById('tipo-ingresso');
    let quantidades = document.getElementById('qtd');

    let quantidadeComprada= parseInt(quantidades.value);
    let ingressoSelecionado = produtos.value

    if(isNaN(quantidadeComprada) || quantidadeComprada <= 0){
        alert('Por favor, insira uma quantidade válida para a compra.')
        return;
    }

    let compraRealisada = false;

    switch(ingressoSelecionado){
        case 'pista':
            if(ingressosDisponiveis.pista >= quantidadeComprada){
                ingressosDisponiveis.pista -= quantidadeComprada;
                alert(`Compra de ${quantidadeComprada} ingresso(s) de Pista realizada com sucesso!`)
                compraRealisada= true
        
            } else {
                alert(`Desculpe, não há Pista suficiente. Disponivel: ${ingressosDisponiveis.pista} ingresso(s).`)
            }
            break;

        case 'superior':
            if(ingressosDisponiveis.superior >= quantidadeComprada){
                ingressosDisponiveis.superior -= quantidadeComprada;
                alert(`Compra de ${quantidadeComprada} ingresso(s) de Cadeira superior realizada com sucesso!`)
                compraRealisada= true
            } else {
                alert(`Desculpe, não há Cadeira superior suficiente. Disponivel: ${ingressosDisponiveis.superior} ingresso(s).`)
            }
            break;

        case 'inferior':
            if(ingressosDisponiveis.inferior >= quantidadeComprada){
                ingressosDisponiveis.inferior -= quantidadeComprada;
                alert(`Compra de ${quantidadeComprada} ingresso(s) de Cadeira inferior realizada com sucesso!`)
                compraRealisada= true
            } else {
                alert(`Desculpe, não há Cadeira inferior suficiente. Disponivel: ${ingressosDisponiveis.inferior} ingresso(s).`)
            }
            break;  
            
            default :
            alert('Tipo de ingresso selecionado inválido.')
    }


    atualizarIngressos();

    if(compraRealisada){
        quantidades.value = '';
    }
}