1
resposta

[Sugestão] Resolução do Desafio

Segue resolução do desafio, todas as dificuldade fui tirando com o chatgpt.

let listaProdutos = document.getElementById('lista-produtos');
let totalCalculado = 0;


// Buscar o tipo de produto selecionado

function adicionar() {

    // Busca valores de Input
    let produtoOriginal = document.getElementById('produto').value;

    let produto = produtoOriginal.replace(/\s?-?\s?R?\$\d+/g, '');      // Remove o valor e o hífen
    let valor = produtoOriginal.match(/\d+/g);                          // Busca todos os números da String
    let quantidade = document.getElementById('quantidade').value;       // Quantidade do produto
    
    //novo Produto
    let novoProduto = document.createElement('section');
    novoProduto.classList.add('carrinho__produtos__produto');
    
    novoProduto.innerHTML = `<span class="carrinho__produtos__produto"><span class="texto-azul">${quantidade}x</span> ${produto} <span class="texto-azul">R$${valor}</span></span>`;
    
    listaProdutos.appendChild(novoProduto);

    // atualiza valor total
    totalCalculado = totalCalculado + (valor*quantidade);
    
    atualizaTotal();
}


function atualizaTotal() {
    let totalElement = document.getElementById('valor-total');
    totalElement.innerHTML = `R$${totalCalculado}`;  // Exibe o total formatado
}


// função limpar o carrinho
function limpar() {
    listaProdutos.innerHTML = ``;
    totalCalculado = 0;
    atualizaTotal();
}
1 resposta

Olá Cristin! Tudo joia?

Que bom que você está se desafiando e buscando soluções para os desafios de lógica de programação! Analisando o código que você compartilhou, parece que você está no caminho certo para implementar um carrinho de compras funcional.

Continue assim e bons estudos!