Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Faça como eu fiz: comprando produtos

Referente ao curso Lógica de programação: praticando com desafios, no capítulo Projeto Carrinho de Compras e atividade Faça como eu fiz: comprando produtos

por Henrique Germano Manhani
| 12k xp | 31 posts
function adicionar() {
let produto = document.getElementById('produto').value;
let nomeProduto = produto.split('-')[0].trim();
let valorUnitario = parseFloat(produto.split('R$')[1].trim());
let quantidade = document.getElementById('quantidade').value;

let preco = quantidade * valorUnitario;
let carrinho = document.getElementById('lista-produtos');

// adicionar ao carrinho
    carrinho.innerHTML = carrinho.innerHTML + ` <section class="carrinho__produtos__produto">
          <span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${preco}</span>
        </section>`;

//atualizar o valor total
}
1 resposta
solução!
por Daniel Nogueira
| 2510.2k xp | 5580 posts
Alura Scuba Team Analista de Suporte Educacional

Olá, Henrique! Como vai?

Parabéns pela resolução da atividade!

Observei que você explorou o uso de split para separar informações do produto em JavaScript, utilizou muito bem o innerHTML para adicionar elementos dinamicamente ao carrinho e ainda compreendeu a importância do cálculo de valores para atualizar o preço total.

Continue postando as suas soluções, com certeza isso ajudará outros estudantes e tem grande relevância para o fórum.

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

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

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA