1
resposta

Para ajudar os colegas de "class"

Acho bem legal a forma de entrar dentro da div que está dentro da div e até onde sei, isso pode ser feito infinitamente:

document.querySelector('.lista #qtd-pista') // .lista entra na 1ª div e o # qtd-pista entra na div que está dentro da 1ª div
let pista = parseInt(document.querySelector('.lista #qtd-pista').textContent);
let CadeiraSuperior = parseInt(document.querySelector('.lista #qtd-superior').textContent);
let cadeiraInferior = parseInt(document.querySelector('.lista #qtd-inferior').textContent);

function comprar(){
    let tipoDeEntrada = document.getElementById("tipo-ingresso").value;
    let qtd = document.getElementById('qtd').value;
    atualizarBD(tipoDeEntrada, qtd);
}

function atualizarBD (tipo, qtdAdquirida){
    if (tipo === 'pista'){
        if(qtdAdquirida > pista){
            alert(`Quantidade de ingresso indisponível`);
        }
        else{
            pista = pista - qtdAdquirida;
            let atualizarValor = document.getElementById('qtd-pista');
            atualizarValor.innerText = pista;
        }  
    }
    else if(tipo === 'superior'){
        if(qtdAdquirida > CadeiraSuperior){
            alert(`Quantidade de ingresso indisponível`);
        }
        else{
            CadeiraSuperior = CadeiraSuperior - qtdAdquirida;
            let atualizarValor = document.getElementById('qtd-superior');
            atualizarValor.innerText = CadeiraSuperior;
        }
    }
    else{
        if(qtdAdquirida > cadeiraInferior){
            alert(`Quantidade de ingresso indisponível`);
        }
        else{
            cadeiraInferior = cadeiraInferior -qtdAdquirida;
            let atualizarValor = document.getElementById('qtd-inferior');
            atualizarValor.innerText = cadeiraInferior;
        }
    } 
}

Parabéns a todos nós que chegamos até aqui!!!!! Espero ver todos beem mais pra frente e em outros cursos mais avançados!!!!!

1 resposta

Olá Lucas, tudo bem com você?

Sua observação sobre a forma de selecionar elementos dentro de outros usando querySelector está correta. Esta é uma funcionalidade nos permite acessar elementos de maneira eficiente, mesmo quando estão aninhados dentro de outros elementos.

Meus parabéns a você também, que não apenas concluiu o curso, mas, tirou um tempo para compartilhar suas ideias e código com a comunidade Alura.

Espero te encontrar em outros fóruns da Comunidade Alura. Continue se empenhando e conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!