Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Projeto] Projeto carrinho - finalizando a compra e limpando

segue o codigo completo agora

let adicionarBotao = document.querySelector("botao-form botao-adicionar");
let limparBotao = document.querySelector("botao-form botao-limpar");
let produtosNoCarrinho = 0;
limpar();   

function adicionar() {
    let produtoSelecao = document.getElementById('produto').value;
    let quantidadeCampo = document.getElementById('quantidade').value;
    let produtoNome = produtoSelecao.split('-')[0];
    let produtoValor = produtoSelecao.split('R$')[1];
    console.log(produtoNome);
    console.log(produtoValor);
    let subTotalProduto = produtoValor * quantidadeCampo
    console.log(subTotalProduto);
    let listaCarrinho = document.getElementById('lista-produtos');
        listaCarrinho.innerHTML = listaCarrinho.innerHTML + ` <section class="carrinho__produtos__produto">
          <span class="texto-azul">${quantidadeCampo}x</span> ${produtoNome} <span class="texto-azul">R$${subTotalProduto}</span>
        </section>`;
    produtosNoCarrinho = produtosNoCarrinho + subTotalProduto;
    let totalCarrinnho = document.getElementById('valor-total');
    totalCarrinnho.textContent = `R$ ${produtosNoCarrinho}`;
    document.getElementById('quantidade').value = 0;
}


function limpar() {
    produtosNoCarrinho = 0;
    document.getElementById('lista-produtos').innerHTML = '';
    document.getElementById('valor-total').textContent = 'R$ 0';
}
1 resposta

Olá, Rony! Tudo certo?

Parabéns pelo resultado na resolução do desafio, ficou ótimo!

Também agradeço por compartilhar seu código com os demais estudantes, com certeza vai ajudar nos estudos de todas as pessoas que estão aprendendo este mesmo assunto.

Continue mergulhando em tecnologia e se tiver dúvidas, conte com o fórum.

Abraços e bons estudos!