Boa tarde, segue a minha solução para o desafio.
let totalDoPedido = 0;
limpar();
function adicionar() {
let produtoSelecionado = document.getElementById('produto');
let textoSelecionado = produtoSelecionado.options[produtoSelecionado.selectedIndex].text;
let texto = textoSelecionado.split("- R$");
let nomeProduto = texto[0].trim();
let precoProduto = parseFloat(texto[1].trim()).toFixed(2);
let quantidade = document.getElementById('quantidade').value;
``
if(!quantidade || quantidade <= 0){
alert('Insira uma quantidade válida!');
return;
}
let subTotal = quantidade * precoProduto;
let listaDeProdutos = document.getElementById('lista-produtos');
listaDeProdutos.innerHTML += `
<section class="carrinho__produtos__produto">
<span class="texto-azul"> ${quantidade} </span> ${nomeProduto} <span class="texto-azul">R$${subTotal}</span>
</section>
`;
totalDoPedido += subTotal;
total = document.getElementById('valor-total');
total.textContent = `R$${totalDoPedido.toFixed(2)}`;
quantidade = document.getElementById('quantidade').value = 0;
}
function limpar(){
totalDoPedido = 0;
document.getElementById('lista-produtos').innerHTML = '';
document.getElementById('valor-total').textContent = 'R$0.00';
}