Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Compartilhando meu projeto

Olá,

Gostaria de compartilhar meu código por ter usado uma abordagem diferente da proposta, pois usei uma array. Também gostaria de saber se poderia fazer algo para este código ser mais eficiente.

let cart = document.getElementById('lista-produtos');
let cartValue = [];
let total = document.getElementById('valor-total');
limpar()

function adicionar() {
    let product = document.getElementById('produto').value;
    let productQuantity = document.getElementById('quantidade').value;
    let productName = product.split('-')[0];
    let productValue = product.split('R$')[1];

    if (productQuantity <= 0 ){
        alert('Quantidade Inválida');
        return
    }

    let quantityValue = productValue * productQuantity;

    cartValue.push(quantityValue);
    let sum = 0;
    for (let i = 0; i < cartValue.length; i++ ) {
        sum += cartValue[i];
    }

    cart.innerHTML = cart.innerHTML + `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${parseInt(productQuantity)}x</span> ${productName} <span class="texto-azul">R$${quantityValue}</span>
  </section>`;

    total.innerHTML = `<span class="texto-azul" id="valor-total">R$${sum}</span>`;
    document.getElementById('quantidade').value = 0;
    console.log(cartValue);
    console.log(sum);
}


function limpar() {
    cart.innerHTML = '';
    total.innerHTML = '<span class="texto-azul" id="valor-total">R$0</span>';
}
1 resposta
solução!

Bom dia!

Sua resolução ficou excelente! Você fez um ótimo uso do aprendizado.

Parabéns pelo empenho nos estudos e continue praticando.

No momento, preocupe-se em entender os conceitos e a linguagem. Com o tempo e experiência, você irá aprender formas de deixar seu código mais limpo e eficiente.

Para que mais pessoas consigam visualizar a sua solução proposta, é recomendado que você marque este tópico como solucionado. Assim pode ajudar ainda mais pessoas :)

Bons estudos!