2
respostas

Erro com código da aula: Lógica de programação praticando desafios no projeto Ingressos Online

Olá, estou há algumas horas tentando resolver esse desafio por mim mesmo, no final não consegui fazer aparecer a subtração da quantidade de ingressos comprada com a quantidade de ingressos disponiveis nas pista, cheguei a ver a video aula de resolução junto com os instrutores e mesmo fazendo o código indentico ainda reçebo o seguinte erro no consoleInsira aqui a descrição dessa imagem para ajudar na acessibilidade

segue o código usado

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

    if(tipo.value == 'pista') {
        comprarPista(qtd);
    }
}

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

Achei meu erro, na linha 16
document.getElementById('qt-pista).textContent = qtdPista

Ao invés de:
document.getElementById('qtd-pista).textContent = qtdPista

Boa noite, Vitor!

Boa sacada, vi que já encontrou o erro.

Apenas comentandi caso não tenha sido o caminho que seguiu para resolver. Analisando o erro "Cannot set properties of null (setting 'textContent')", sabemos que no código ao buscar onde foi utilizado o textContent, o elemento é nulo. Nesse caso, o elemento era o resultado do document.getElementById. Como ele estava retornando null, seria possível identificar que ele não foi encontrado por conta do ID incorreto.

De qualquer forma, bom que já tinha resolvido, bons estudos!