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
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
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:
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.
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.
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.
Nomes de Variáveis: Use nomes de variáveis mais descritivos. Por exemplo, em vez de qtdIngresso
, algo como quantidadeDeIngressos
pode ser mais claro.
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!