1
resposta

[Projeto] Projeto Ingresso Online - Curso de Lógica de programação: praticando com desafios

Compartilhando a solução que encontrei para o código JS desse projeto. Minha dúvida é: É tranquilo associar e buscar os itens/informações no HTML dessa forma? Pode gerar algum problema futuro na manutenção do código?

function comprar() {
    let tipo = "qtd-" + document.getElementById("tipo-ingresso").value;
    let qtd = + document.getElementById("qtd").value;
        
    let qtdDisponivel = + document.getElementById(tipo).textContent;

    if (qtd > qtdDisponivel || qtd < 0 || qtd > 10 || qtd == 0) {
        alert("Não é possivel comprar essa quantidade de ingressos.");
    } else {
        if (confirm("Confirmar compra?") == true) {
        qtdDisponivel = qtdDisponivel - qtd ;
        document.getElementById(tipo).textContent = qtdDisponivel;
        alert(`Compra confirmada!`);
        }
    }
    document.getElementById('qtd').value = '';
}
document.getElementById("button").addEventListener("click", comprar);;
1 resposta

Oi, José! Tudo bem?

Ótima solução, parabéns! A forma como você está associando e buscando os itens no HTML utilizando document.getElementById é bastante comum e funcional para projetos pequenos e médios. Obrigada por ter compartilhado com a nossa comunidade do fórum o seu código, tenho certeza que ajudará muitos colegas! Caso surja alguma dúvida, sinta-se à vontade em comunicar por aqui, estou à disposição e ficarei super feliz em poder ajudar!

Um forte abraço e bons estudos!