Styling with SCSS and Practicing my JS logic

Community feedback

• 

  Bernardo Poggioni•5,390

  @R3ygoskiPosted 17 days ago

  Olá Luana, parabéns pela conclusão do seu Desafio, ele ficou muito bem feito.

  Ele tem um pequeno erro de cálculo acredito eu, pois no Design quando inserimos a conta de 142.55, com 15% de gorjeta e para 5 pessoas, o resultado total tem que dar $32.79, mas no seu está dando $29.37.

  Para corrigir, na sua função result(), você pode colocar esse trecho dentro dela, substituindo todo o restante:

  // Pega o Valor da porcentagem já em Number
    const porcentagem =
      +document.querySelector(".selecionado")?.textContent.slice(0, -1) ||
      +customPercentage.value;
  
    // Calcula a gorjeta do preço da conta
    const tipCalc = () => {
      return (bill.value * porcentagem) / 100;
    };
  
    // Calcula o preço total por pessoa + gorjeta
    const totalCalc = () => {
      const gorjetaTotal = tipCalc();
      const valorTotalComGorjeta = +bill.value + gorjetaTotal;
      return valorTotalComGorjeta / qtdPessoas.value;
    };
  
    // Calcula o preço total da gorjeta e divide pela quantidade de pessoas
    const gorjetaPorPessoa = (tipCalc() / qtdPessoas.value).toFixed(2);
  
    const totalPorPessoa = totalCalc().toFixed(2);
  
    tip.textContent = `$ ${gorjetaPorPessoa}`;
    total.textContent = `$ ${totalPorPessoa}`;
  

  Explicação breve, no Output você primeiro calcula o valor da porcentagem da gorjeta sobre a conta, exemplo:

  conta = 100
  
  gorjeta de 50%
  
  resultado 100 * 50 / 100 = 50 que é a gorjeta
  

  Depois você divide a gorjeta por pessoa, exemplo:

  pessoas = 2
  
  total gorjeta = 50
  
  resultado 50 / 2 = 25 que é a gorjeta p/pessoa
  

  Daí para descobrir o total, você faz conta (100) mais gorjeta (50), e baseado no resultado você o divide por pessoa (2), logo dando 75 no total.

  Espero que não tenha ficado confuso minha explicação ou código, mas bom, é isso, parabéns pela conclusão do desafio, caso tenha ficado qualquer dúvida, por favor comente abaixo que tentarei ajudar da melhor forma possível.

  Marked as helpful

  1

  ---

  

  Luana Lima•40

  @luad3cristalPosted 12 days ago

  @R3ygoski Olá, Bernardo! Realmente, havia um erro nos cálculos que eu não tinha percebido antes. Olhei o seu código e já fiz as devidas correções. Muito obrigada pela ajuda!

  1