Entrar Ainda não tem acesso?
1
resposta

[Projeto] Até essa parte da aula fiz o código com ajuda das aulas anteriores e códigos anteriores e fiz esse código

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto Ingresso Online e atividade Faça como eu fiz: lógica para comprar um tipo ingresso

por Iuri Mattos Ciciliotti
| 8.6k xp | 6 posts

```function comprar() {
    let ingressoSelecionado = document.getElementById('tipo-ingresso').value;
    let quantidade = parseInt(document.getElementById('qtd').value);
    let nomesIngressos = {
      "pista": "Pista",
      "superior": "Cadeira Superior",
      "inferior": "Cadeira Inferior"
    };

let nomeIngresso = nomesIngressos[ingressoSelecionado]; 

let quantidadeDisponivel = parseInt(document.getElementById('qtd-' + ingressoSelecionado).textContent);
let ingressosRestantes = quantidadeDisponivel - quantidade;

if (quantidade > quantidadeDisponivel) {
  alert('Quantidade indisponível');
} else {
  let plural = quantidade > 1 ? 'ingressos' : 'ingresso';
  alert(`Você comprou ${quantidade} ${plural} do tipo ${nomeIngresso}. Agora restam ${ingressosRestantes}`);
}

let elementoQuantidade = document.getElementById('qtd-' + ingressoSelecionado);
elementoQuantidade.textContent = ingressosRestantes;
}`
1 resposta
por Luis Dias
| 2725.6k xp | 2468 posts
Developer PHP (⌐■_■)

Oi Iuri,

Excelente trabalho ao construir a lógica de compra de ingressos! 👍

Seu código está bem estruturado e fácil de entender.

A utilização de um objeto nomesIngressos para mapear os tipos de ingresso é uma ótima prática para manter o código limpo e organizado. 💪

Uma pequena sugestão para aprimorar seu código seria adicionar uma validação para garantir que o usuário insira uma quantidade válida (maior que zero) antes de prosseguir com a compra. Isso evitaria comportamentos inesperados e tornaria a experiência do usuário mais robusta. 💻

Outro ponto que você pode considerar é a possibilidade de exibir uma mensagem mais informativa ao usuário caso a quantidade desejada seja maior que a disponível, como por exemplo, informar quantos ingressos ainda estão disponíveis. 📋

Para saber mais: Documentação sobre manipulação do DOM. Este link leva à documentação oficial da Mozilla sobre o DOM, onde você pode aprofundar seus conhecimentos sobre como interagir com elementos HTML usando JavaScript.

Continue praticando e explorando novas funcionalidades! 🤔