1
resposta

Projeto carrinho de compras

let carrinho = document.querySelector('.carrinho__produtos__produto');
let carrinhoTotal = document.getElementById('valor-total');
let quantidadeInput = document.getElementById('quantidade');
limpar()


function adicionar() {
    let produto = document.getElementById('produto').value;
    let quantidade = parseInt(quantidadeInput.value) || 1;
    let valorTotal = parseInt(carrinhoTotal.innerText.replace("R$", ""));
    const [produtoNome, produtoPreço] = produto.split(" - R$");

    carrinho.innerHTML += `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x</span> ${produtoNome} <span class="texto-azul">R${produtoPreço}</span>
  </section>`;

    let novoValorTotal = valorTotal + parseInt(produtoPreço) * quantidade;

    carrinhoTotal.innerHTML = `R$${novoValorTotal}`;
}
function limpar() {
    carrinho.innerHTML = ``;
    carrinhoTotal.innerHTML = `R$0,00`;
    quantidadeInput.value = '';

}
1 resposta

Olá, Rodrigo.

Como vai?

Muito obrigado por compartilhar o seu projeto aqui com a gente. Isso mostra que você está de fato praticando e evoluindo. 

Eu testei o seu código e ele está correto e funcionando. Vi que você chamou a função limpar() lá em cima do código e isso foi muito legal para o campo já iniciar limpo. Parabéns pela dedicacção.

Se precisar de ajuda, manda aqui. Bons estudos!