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

}

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
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!