1
resposta

Desafio Carrinho de Compras

Adicione validações no código para garantir que o usuário só consiga adicionar produtos ao carrinho se tiver selecionado um produto válido e inserido uma quantidade válida. Se a entrada não for válida, exiba uma mensagem de erro apropriada.

function adicionar() { 
    let produto = document.getElementById('produto').value;
    let quantidade = document.getElementById('quantidade').value;
    **if (quantidade <= 0) {
        alert("Insira uma quantidade válida.");
        return;
        }**
    let vlrUnitarioProduto = produto.split('R$')[1];
    let nomeProduto = produto.split('-')[0];
    let precoTotal = quantidade * vlrUnitarioProduto;
    let carrinho = document.getElementById('lista-produtos');
    carrinho.innerHTML = carrinho.innerHTML + `<section class="carrinho__produtos__produto">
    <span class="texto-azul">${quantidade}x </span> ${nomeProduto} <span class="texto-azul">R$ ${precoTotal}</span>
  </section>`
    totalCarrinho = precoTotal + totalCarrinho;
    let campoTotal = document.getElementById('valor-total');
    campoTotal.textContent = `R$ ${totalCarrinho}`
    document.getElementById('quantidade').value = 1

    alert (`Adicionado ${quantidade} de ${nomeProduto}totalizando ${precoTotal}`);
    }
1 resposta

Olá, Hugo! Tudo bem?

Dei uma olhada no seu código e ele está bem organizado e condizente com o que foi passado pelo instrutor, e isso mostra o quão comprometido você está com o curso.

Caso surjam quaisquer dúvidas eu estarei à sua disposição.

Bons estudos!