1
resposta

[Projeto] Projeto loja de ingressos

realizei o desafio da loja de ingressos e implementei algumas coisas, como confirmação de compra, botão de devolção e um indicador que mostra a quantidade de ingressos comprado, o codigo ficou meio grande más gostaria que avaliassem

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá Leonardo! Tudo bem?

Seu projeto está bem encaminhado, com funcionalidades importantes como confirmação de compra e devolução de ingressos. Parabéns pelo excelente trabalho!

Vou te dar algumas dicas para melhorar e organizar seu código em futuras versões:

  1. Modularização: Tente dividir o código em funções menores e mais específicas. Isso facilita a leitura e manutenção. Por exemplo, você pode criar funções para validar a quantidade de ingressos ou para atualizar a interface do usuário.

  2. Evitar Repetição: Notei que há bastante repetição de código, especialmente nas partes que lidam com a quantidade de ingressos. Considere criar uma função que receba parâmetros como tipo de ingresso e quantidade, e faça as operações necessárias.

  3. Comentários: Adicione comentários explicando o que cada parte do código faz. Isso ajuda outras pessoas (e você mesmo no futuro) a entenderem melhor o que está acontecendo.

  4. Nomes de Variáveis: Use nomes de variáveis mais descritivos. Por exemplo, em vez de qtdIngresso, algo como quantidadeDeIngressos pode ser mais claro.

  5. Mensagens de Erro: Centralize as mensagens de erro em uma função para evitar repetições e facilitar alterações futuras.

Trouxe um exemplo de como você poderia modularizar uma parte do seu código:

function atualizarQuantidade(tipo, quantidade) {
    if (tipo === "pista") {
        ingressosComprados.pista += quantidade;
        document.getElementById("quantidadePista").textContent = ingressosComprados.pista;
    } else if (tipo === "camaroteSuperior") {
        ingressosComprados.superior += quantidade;
        document.getElementById("quantidadeCamaroteSuperior").textContent = ingressosComprados.superior;
    } else if (tipo === "camaroteInferior") {
        ingressosComprados.inferior += quantidade;
        document.getElementById("quantidadeCamaroteInferior").textContent = ingressosComprados.inferior;
    }
}

Lembrando que essas são pequenas dicas de organização que podem melhorar a escalabilidade do seu código no futuro, mas o trabalho que você fez já está muito bom e cumpre o objetivo. Continue assim!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!