1
resposta

[Dúvida] Apagar quantidade.

Eu não estou conseguindo zerar o bloco quantidade após clicar em Comprar, gostaria de dicas.

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

    if (tipo.value == 'pista') {
        comprarPista(qtd);
    }
    if (tipo.value == 'inferior') {
        comprarInferior(qtd);
    }
    if (tipo.value == 'superior') {
        comprarSuperior(qtd);
    }
}

function comprarPista(qtd) {
    let qtdPista = parseInt(document.getElementById('qtd-pista').textContent);
    if (qtd > document.getElementById('qtd-pista').textContent) {
        alert ('Quantidade indisponível para tipo Pista');
    } else {
        qtdPista = qtdPista - qtd;
        document.getElementById('qtd-pista').textContent = qtdPista;
        alert ('Compra realizada com sucesso!');
    }
}

function comprarInferior(qtd) {
    let qtdInferior = parseInt(document.getElementById('qtd-inferior').textContent);
    if (qtd > document.getElementById('qtd-inferior').textContent) {
        alert ('Quantidade indisponível para tipo Cadeira Inferior.');
    } else {
        qtdInferior = qtdInferior - qtd;
        document.getElementById('qtd-inferior').textContent = qtdInferior;
        alert ('Compra realizada com sucesso!');
    }
}

function comprarSuperior(qtd) {
    let qtdSuperior = parseInt(document.getElementById('qtd-superior').textContent);
    if (qtd > document.getElementById('qtd-superior').textContent) {
        alert ('Quantidade indisponível para tipo Cadeira Superior.');
    } else {
        qtdSuperior =qtdSuperior  - qtd;
        document.getElementById('qtd-superior').textContent = qtdSuperior;
        alert ('Compra realizada com sucesso!');
    }
}

***function zerarQtd() {
   let zerarQtd =  parseInt(document.getElementById('qtd').value) = '';
}***
1 resposta

Bom dia, Mateus,

***function zerarQtd() {
   let zerarQtd =  parseInt(document.getElementById('qtd').value) = '';
}***

O erro nessa linha de código. Você está criando uma variável não utilizada, que é a zerarQtd. O ideal seria removê-la, ficando, primeiramente:

function zerarQtd() {
   parseInt(document.getElementById('qtd').value) = '';
}

Contudo, isso ainda não resolve, e ainda possivelmente dê erro. Ao usar o parseInt, você está atribuindo ao retorno dessa função, e não ao atributo value em si.

Deve-se removê-lo então, ficando, ao fim:

function zerarQtd() {
   document.getElementById('qtd').value = '';
}

Onde, ao zerar a quatidade, o atributo do elemento com id qtd será zerado.