5

Como faço o cálculo de um input (valor inteiro) e uma variável em moeda (real) em javascript?

O resultado está sendo 6.7 e não 6.70 (já tentei muitos exemplos aqui do fórum, mas nada ainda).

function Calcular() {
  var valor1 = 3.35;
  var teste = Number(document.getElementById("teste").value);
  var result = document.getElementById("Resultado");
  if (result.textContent === undefined) {
    result.textContent = String(teste * valor1);
  } else { // IE
    result.innerText = String(teste * valor1);
  }
}
<input type="text" id="teste" name="teste" onkeyup="Calcular();" value="2">
<div id="Resultado"></div>

3 Respostas 3

8

O Cálculo você já faz, pelo que entendi o que você quer é mostrar o valor em 2 casas decimais, para isso, você pode utilizar o método toFixed() do JS.

O método toFixed() formata um número utilizando notação de ponto fixo.

function Calcular() {
  var valor1 = 3.35;
  var teste = Number( document.getElementById( "teste" ).value);
  var result = document.getElementById( "Resultado" );
  if ( result.textContent === undefined ) {
    result.textContent =  (teste * valor1).toFixed(2);
  } else { // IE
    result.innerText =  (teste * valor1).toFixed(2);
  }
}
<input type="text" id="teste" name="teste" onkeyup="Calcular();" value="2" />

<div id="Resultado"></div>

5

Você deve informar ao JavasSript qual é a precisão da variável Number que você quer, usando o toFixed.

OBS: toFixed irá transformar seu número em uma string.

Então ficaria assim:

function Calcular() {
  var valor1 = 3.35;
  var teste = Number( document.getElementById( "teste" ).value);
  var result = document.getElementById( "Resultado" );
  
  /* Informando a precisão de 2 casas  */
  var valorFinal = (teste * valor1).toFixed(2);
  
  if ( result.textContent === undefined ) {
    result.textContent =  String( valorFinal );
  } else { // IE
    result.innerText =  String( valorFinal );
  }
}
<input type="text" id="teste" name="teste" onkeyup="Calcular();" value="2">
<div id="Resultado"></div>

4

Javascript possui um método toFixed() em que você pode determinar com quantas casas decimais você quer mostrar o seu valor

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .