1
resposta

Projeto carrinho de compras

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


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

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

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

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

}
1 resposta

Olá, Rodrigo.

Tudo bem?

Creio que esse tópico esteja duplicado, pois já te respondi em outro, veja no link Projeto carrinho de compras

O único comentário que deixo aqui, é que sem a função limpar() o campo inicia com algum valor, mas vi que você já ajustou no outro tópico, que é do link. Parabéns pelo projeto e pela dedicação.

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.