1
resposta

Resolução

function adicionar() {
    // recuperar valores, nome do produto, qtd e valor
    let produto = document.getElementById("produto").value;
    let nomeProduto = produto.split('-')[0];
    let valorUnitario = produto.split('R$')[1]
    let quantidade = document.getElementById("quantidade").value;

    // calcular o preço
    let preco = quantidade * valorUnitario

    // adicionar o produto no carrinho
    let carrinho = document.getElementById("lista-produtos")
    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
          <span class="texto-azul">${quantidade}</span> ${nomeProduto} <span class="texto-azul">R$${preco}</span>
        </section>`;

    // atualizar o valor total

}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi, Ana Paula! Como vai?

Agradeço por compartilhar suas reflexões e aprendizados com a comunidade Alura.

Gostei do seu código, ele mostra bem como manipular elementos com getElementById e atualizar o conteúdo com innerHTML. Você está aplicando bem a lógica para calcular e exibir os produtos no carrinho.

Continue avançando!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!