Cálculo de Porcentagem em JavaScript

O que é porcentagem?

Porcentagem representa uma fração de 100. Por exemplo, 25% equivale a 25/100 ou 0,25. Em JavaScript, para calcular uma porcentagem de um valor, multiplicamos o valor pela porcentagem desejada dividida por 100.

Calculando porcentagens em JavaScript

1. Cálculo simples de porcentagem

let valor = 200;
let porcentagem = 20;
let resultado = valor * (porcentagem / 100);
console.log(`20% de ${valor} é ${resultado}`); // Saída: 20% de 200 é 40

2. Aplicando desconto

let precoOriginal = 150;
let desconto = 15;
let valorDesconto = precoOriginal * (desconto / 100);
let precoFinal = precoOriginal - valorDesconto;
console.log(`Preço com desconto: R$ ${precoFinal}`); // Saída: Preço com desconto: R$ 127.5

3. Aplicando aumento percentual

let salario = 1000;
let aumento = 10;
let novoSalario = salario * (1 + aumento / 100);
console.log(`Novo salário: R$ ${novoSalario}`); // Saída: Novo salário: R$ 1100

4. Calculando porcentagem entre dois valores

let parte = 50;
let total = 200;
let porcentagem = (parte / total) * 100;
console.log(`${parte} é ${porcentagem}% de ${total}`); // Saída: 50 é 25% de 200

Lidando com entradas de usuário

Ao receber valores do usuário, especialmente em formulários, é comum que os números venham como strings e com formatações específicas (como uso de vírgulas para decimais). Para garantir cálculos corretos, é importante converter essas strings para números adequados:

function converterParaNumero(valor) {
  // Remove pontos de milhar e substitui vírgula por ponto decimal
  let numero = valor.replace(/\./g, '').replace(',', '.');
  return parseFloat(numero);
}

let entradaUsuario = "1.234,56";
let numeroConvertido = converterParaNumero(entradaUsuario);
console.log(numeroConvertido); // Saída: 1234.56

Dicas adicionais

• Arredondamento: Para limitar o número de casas decimais, utilize o método toFixed():

let resultado = 123.456789;
console.log(resultado.toFixed(2)); // Saída: 123.46

• Validação de entrada: Sempre verifique se a entrada do usuário é um número válido antes de realizar cálculos para evitar erros.

Recursos adicionais

• Matemática básica no JavaScript — números e operadores
• Calculadora de Porcentagem com HTML, CSS e JavaScript - YouTube

Com essas informações, você está pronto para implementar cálculos de porcentagem em suas aplicações JavaScript de forma eficaz e precisa. Se tiver dúvidas ou quiser explorar mais exemplos, continue acompanhando nossos conteúdos!