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);
}