[Sugestão] Apresentação do projeto Carrinho de Compras

// Seleciona os elementos do DOM
const produtoInput = document.getElementById("produto"); // Dropdown de produtos
const quantidadeInput = document.getElementById("quantidade"); // Campo de quantidade
const listaProdutos = document.getElementById("lista-produtos"); // Lista onde os produtos serão adicionados
const valorTotal = document.getElementById("valor-total"); // Exibição do valor total

// Variável para armazenar o total do carrinho
let total = 0;

// Função para adicionar um produto ao carrinho
function adicionar() {
    // Obtém o valor do produto selecionado e separa o nome do preço
    const produtoSelecionado = produtoInput.value.split(" - R$");
    const nomeProduto = produtoSelecionado[0];
    const precoProduto = parseFloat(produtoSelecionado[1]);
    const quantidade = parseInt(quantidadeInput.value);
    
    // Verifica se a quantidade é válida
    if (isNaN(quantidade) || quantidade <= 0) {
        alert("Por favor, insira uma quantidade válida.");
        return;
    }
    
    // Calcula o preço total do item
    const precoTotalProduto = precoProduto * quantidade;
    
    // Cria um novo elemento de produto na lista do carrinho
    const novoProduto = document.createElement("section");
    novoProduto.classList.add("carrinho__produtos__produto");
    novoProduto.innerHTML = `<span class="texto-azul">${quantidade}x</span> ${nomeProduto} <span class="texto-azul">R$${precoTotalProduto}</span>`;
    
    // Adiciona o novo produto ao carrinho
    listaProdutos.appendChild(novoProduto);
    
    // Atualiza o total do carrinho
    total += precoTotalProduto;
    valorTotal.textContent = `R$${total}`;
    
    // Limpa o campo de quantidade após a adição
    quantidadeInput.value = "";
}

// Função para limpar o carrinho
function limpar() {
    // Remove todos os produtos do carrinho
    listaProdutos.innerHTML = "";
    
    // Zera o total
    total = 0;
    valorTotal.textContent = "R$0";
}

// Limpa o carrinho ao carregar a página
window.onload = function() {
    limpar();
};