2
respostas

[Dúvida] É possível reiniciar o valor da quantidade a cada inserção?

Boa tarde.

Eu fui refazendo o algoritmo tentando reduzir as linhas de código e obtive com sucesso. PORÉM, eu gostaria de que cada vez que comprasse ingresso o espaço destinado a Quantidade voltasse ao estado inicial (que começa com um "00" cinza apagado). Até então, o máximo que consegui foi voltar a 0 a cada inserção.

Se vocês tiverem uma sugestão de como fazer isso, agradeço ao máximo.

function comprar(){
    //recuperar tipo e quantidade
    let tipo = document.getElementById('tipo-ingresso').value;
    let qtd = parseInt(document.getElementById('qtd').value);

    comprarIngresso(tipo,qtd);
    
    //reinicia o placeholder
    document.getElementById('qtd').value = 0;
    document.getElementById('qtd').placeholder = 00;
}
    
function comprarIngresso(tipo,qtd){
    let tipoIngresso = String(tipo);
    let qtdIngresso = parseInt(document.getElementById(`qtd-${tipoIngresso}`).textContent);

    //condicional
    if(qtd > qtdIngresso){
        alert(`Quantidade indisponível para tipo ${tipoIngresso}`);
    } else if(qtd <= 0){
        alert(`Por favor inserir um número válido`);
    } else{

    qtdIngresso -= qtd;
    document.getElementById(`qtd-${tipoIngresso}`).textContent = qtdIngresso;
    alert(`Compra realizada com sucesso!`);
        }
}
2 respostas

Experimenta fazer assim:

document.getElementById('qtd').value = '';

document.getElementById('qtd').placeholder = '';

que normalmente ele volta o campo para o valor original.

Muito obrigado, Miqueas.

Consegui resolver da seguinte maneira:

    document.getElementById('qtd').value = '';
    document.getElementById('qtd').placeholder = '00';