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!