1
resposta

Gostei muito do desafio. Minha versão final do código antes de olhar os vídeos de passo a passo.

Com certeza deve ter caminho menores do que fiz, mas fiquei feliz de ter conseguido.

let headphonesPrice = 100;
let smartPhonePrice = 1400;
let oculusVRPrice = 5000;

let allTotalProductPriceInTheCart =[];
let initialValue = 0;

let productList = document.querySelector('.carrinho__produtos__produto');

function addCart(value) {
    let dropdown = document.querySelector('#produto');
    let quantityBox = document.getElementById('quantidade');
    let quantity = quantityBox.value;
    let productSelected = dropdown.value;
    let productItem = '';
    let productPrice = '';

    if (productSelected == `Fone de ouvido - R$100`) {
        productItem = `Headphones`;
    } else if (productSelected == `Celular - R$1400`) {
        productItem = `Smartphone`;
    } else if (productSelected == `Oculus VR - R$5000`){
        productItem = `Oculus VR`;
    }

    if (productSelected == `Fone de ouvido - R$100`) {
        productPrice = headphonesPrice * quantity;
    } else if (productSelected == `Celular - R$1400`) {
        productPrice = smartPhonePrice * quantity;
    } else if (productSelected == `Oculus VR - R$5000`){
        productPrice = oculusVRPrice * quantity;
    }

    allTotalProductPriceInTheCart.push(parseFloat(productPrice));
    console.log(allTotalProductPriceInTheCart);
    

    let productList = document.querySelector('.carrinho__produtos__produto');
    productList.insertAdjacentHTML("beforeend", `<br /><span class="texto-azul">${quantity}x</span> ${productItem} <span class="texto-azul">U$${productPrice}</span>`);
    
    let totalCart = allTotalProductPriceInTheCart.reduce((accumulator, currentValue) => {
        return accumulator + currentValue;
    }, initialValue);
    let total = document.getElementById('valor-total').textContent = `U$${totalCart}`;

    quantityBox.value = '';
    
}

function emptyCart() {
    let productList = document.querySelector('.carrinho__produtos__produto');
    productList.textContent = '';
    let total = document.getElementById('valor-total').textContent = 'U$ --';
    allTotalProductPriceInTheCart =[];
    console.log(allTotalProductPriceInTheCart);
}
1 resposta

Oi, Paula! Como vai?

Parabéns por ter se desafiado e conseguido chegar a uma solução por conta própria! Isso é um grande passo no aprendizado de programação. Seu código está bem estruturado e parece estar funcionando corretamente para adicionar produtos ao carrinho e calcular o total.

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