Jump to content
Eduardo_555

Transformar Float para padrão de moedas reais (R$)?

Recommended Posts

OLA bom dia , boa tarde, boa noite, boa madrugada...

 

O problema e o seguinte, tenho um valor que entra pela caixa de texto vai até o codigo e calcula, diversas porcentagens sobre ele, depois exibe o valor com desconto.

 

porem fiz isso para exibir os valores em float, isto e com 2 casas depois da virgula.

 

porem agora me solicitaram que os valores fiquem como se fosse dinheiro, ou seja

 

inves de 1000.00

fique assim 1.000,00

 

Esta cheio de idea no google, porem nenhum eu consegui implementar no meu caso, ja que fasso diversos calculos, e sao diversas saidas, se eu repetir um codigo de transformaçao, em cada saida de porcentagem vai ficar muito extenso.

 

oque acham, como fariam.

Este e o codigo.

<DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style123456789/estiloblocode3.css" type="text/css" media="screen">
<title>SUINO</title>
<script language="javascript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")
//if NS6 
if (window.sidebar){
document.onmousedown=disableselect
dosument.onclick=reEnable
}
</script>
<script type="text/javascript">
window.onload = function(){
 
    var i = function(id){ return document.getElementById(id); }
     
    i("calcula").onclick = function(){
      var valor = i("campo1").value;
     i("total").innerHTML = (parseFloat(valor)).toFixed(2)
i("icms").innerHTML = (parseFloat(valor)*1.0325-parseFloat(valor)).toFixed(2)
i("pis").innerHTML = (parseFloat(valor)*1.01665-parseFloat(valor)).toFixed(2)
i("soma").innerHTML = ((parseFloat(valor)*1.0325-parseFloat(valor))+(parseFloat(valor)*1.01665-parseFloat(valor))).toFixed(2)
 
i("total1").innerHTML = (parseFloat(valor)).toFixed(2)
i("icms1").innerHTML = (parseFloat(valor)*1.0325-parseFloat(valor)).toFixed(2)
i("pis1").innerHTML = (parseFloat(valor)*1.01665-parseFloat(valor)).toFixed(2)
i("soma1").innerHTML = ((parseFloat(valor)*1.0325-parseFloat(valor))+(parseFloat(valor)*1.01665-parseFloat(valor))).toFixed(2)
 
i("total2").innerHTML = (parseFloat(valor)).toFixed(2)
i("icms2").innerHTML = (parseFloat(valor)*1.0325-parseFloat(valor)).toFixed(2)
i("pis2").innerHTML = (parseFloat(valor)*1.01665-parseFloat(valor)).toFixed(2)
i("soma2").innerHTML = ((parseFloat(valor)*1.0325-parseFloat(valor))+(parseFloat(valor)*1.01665-parseFloat(valor))).toFixed(2)
    }
  }  
</script>
</head>
<body class="fadeIn">
<div class="pagina">
 
 
<div class="barra padding">
<div class="titulo">
<h1>SUINO</h1>
</div>
<div class="campo">
<br>
Informe o valor da compra.
<br> 
<br>
 
<input type="text" id="campo1"/>
<button id="calcula">calcular</button>
 
</div>
</div>
<br>
<br>
 
 
<div id="container"> 
 
<div class="tile1 cor">
<br>
       PESOSA FISICA COM FUNRURAL
<br>
<hr align="center" width="300" size="7" color=#9C9C9C>
<br>
  TOTAL DAS COMPRAS:         <span id="total">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  VALOR ICMS:                      <span id="icms">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  VALOR DE PIS E CONFINS:     <span id="pis">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  TOTAL DOS IMPOSTOS:        <span id="soma">0,00</span>
<br>
</div>
 
<div class="tile2 cor">
<br>
       PESSOA FISICA SEM FUNRURAL
<br>
<hr align="center" width="300" size="7" color=#9C9C9C>
<br>
  TOTAL DAS COMPRAS:         <span id="total1">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  VALOR ICMS:                      <span id="icms1">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  VALOR DE PIS E CONFINS:     <span id="pis1">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  TOTAL DOS IMPOSTOS:        <span id="soma1">0,00</span>
<br>
</div>
 
<div class="tile3 cor">
<br>
                     COPERATIVA
<br>
<hr align="center" width="300" size="7" color=#9C9C9C>
<br>
  TOTAL DAS COMPRAS:         <span id="total2">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  VALOR ICMS:                      <span id="icms2">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  VALOR DE PIS E CONFINS:     <span id="pis2">0,00</span>
<br>
<hr align="center" width="250" size="5" color=#9C9C9C>
<br>
  TOTAL DOS IMPOSTOS:        <span id="soma2">0,00</span>
<br>
</div>
</div>
</div>
 
 
<span style="position:absolute; top:25; left:150; width:10; height:10;">
<img src="midia/porco.png" width="120px" height="120px"/>
</span>
<span style="position: absolute; top: 580px; left: 110px; width:103px; height:61px">
<a href="menu.html"><img src="midia/retorno.png" width="50px" height="50px"/>
</span>
 
<span style="position: absolute; top: 15px; left: 1257px; width: 100px">
<img src="midia/LL.png" width="100px" height="100px"/>
</span>
 
<div id="referncia">
<h6>© hhhhhhh - v 1.0<h6>
</div>
</body>
</html>
  

Aguardo retorno.

Edited by William Bruno
Adicionar code

Share this post


Link to post
Share on other sites

Olá Eduardo, eu recomendaria você a usar uma mascara para exibir como dinheiro e calcular os valores sem mascara.

Share this post


Link to post
Share on other sites

Olá Eduardo, eu recomendaria você a usar uma mascara para exibir como dinheiro e calcular os valores sem mascara.

 

ola sergio, como assim, na verdade sou bem iniciante m javascript,

 

estou com um pouco de dificuldade neste calculo, oque seria usar uam mascara??

 

e como eu usaria em meu caso, basta adicionar na saida dos dados,

 

ou eles ja podem entrar com mascara e calcular assim como dinheiro mesmo??

 

ajuda ia cara!!!1

Share this post


Link to post
Share on other sites

Fala Eduardo, beleze, segue um exemplo:

<html>
<head>


</head>
<body>

<script language="javascript">

//calcula as moedas
function calcularMoeda(){
var valor1 = document.getElementById("txtValor1").value; //pego o value do textbox1
var valor2 = document.getElementById("txtValor2").value; //pego o value do textbox1

//removo os pontos e virgulas para calcular o valor
valor1 = valor1.replace(".", ""); //removo os pontos
valor1 = valor1.replace(",", ""); //removo as virgulas

valor2 = valor2.replace(".", ""); //removo os pontos
valor2 = valor2.replace(",", ""); //removo as virgulas

valor1 = parseFloat(valor1); //transform em float
valor2 = parseFloat(valor2); //transform em float
var resultado = valor1 + valor2; //calculo as moedas

resultado = MascaraMoedaValue("" + resultado + "",'.',','); //transformo em moeda novamente

alert(resultado);
}

//mascara para numeros completos
function MascaraMoedaValue(valor, SeparadorMilesimo, SeparadorDecimal){
var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
var aux = aux2 = '';

if (strCheck.indexOf(key) == -1) return false; // Chave inválida
len = valor.length;
for(i = 0; i < len; i++)
if ((valor.charAt(i) != '0') && (valor.charAt(i) != SeparadorDecimal)) break;
aux = '';
for(; i < len; i++)
if (strCheck.indexOf(valor.charAt(i))!=-1) aux += valor.charAt(i);
len = aux.length;
if (len == 0) valor = '';
if (len == 1) valor = '0'+ SeparadorDecimal + '0' + aux;
if (len == 2) valor = '0'+ SeparadorDecimal + aux;
if (len > 2) {
aux2 = '';
for (j = 0, i = len - 3; i >= 0; i--) {
if (j == 3) {
aux2 += SeparadorMilesimo;
j = 0;
}
aux2 += aux.charAt(i);
j++;
}
valor = '';
len2 = aux2.length;
for (i = len2 - 1; i >= 0; i--)
valor += aux2.charAt(i);
valor += SeparadorDecimal + aux.substr(len - 2, len);

return valor;
}
return false;
}

//mascara para numeros a serem digitados
function MascaraMoedaInput(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){
var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
var aux = aux2 = '';
var whichCode = (window.Event) ? e.which : e.keyCode;
if (whichCode == 13) return true;
key = String.fromCharCode(whichCode); // Valor para o código da Chave
if (strCheck.indexOf(key) == -1) return false; // Chave inválida
len = objTextBox.value.length;
for(i = 0; i < len; i++)
if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break;
aux = '';
for(; i < len; i++)
if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i);
aux += key;
len = aux.length;
if (len == 0) objTextBox.value = '';
if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux;
if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux;
if (len > 2) {
aux2 = '';
for (j = 0, i = len - 3; i >= 0; i--) {
if (j == 3) {
aux2 += SeparadorMilesimo;
j = 0;
}
aux2 += aux.charAt(i);
j++;
}
objTextBox.value = '';
len2 = aux2.length;
for (i = len2 - 1; i >= 0; i--)
objTextBox.value += aux2.charAt(i);
objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
}
return false;
}
</script>
<form>
Valor 1 R$: <input type="text" name="valor1" id="txtValor1" onKeyPress="return(MascaraMoedaInput(this,'.',',',event))">
Valor 2 R$: <input type="text" name="valor2" id="txtValor2" onKeyPress="return(MascaraMoedaInput(this,'.',',',event))">
<button type="button" onclick="calcularMoeda()">Calcular</button>
</form>


</body>
</html>

Este exemplo transforma os valores e clicando no botao ele calcula. A mascara você pode guardar em algum script separado para seu código não ficar poluido.

  • +1 1

Share this post


Link to post
Share on other sites

Bom dia amigo,

Desculpa de encomodar mas estava precisando de um script javascript que pudesse me ajudar a solicionar um problema básico de conta de subtração com valores em dinheiro, fiz um código mascarado tudo certo e estou em um impasse pois o script quando retiro os pontos e virgulas os calculos com valores baixo como por exemplo 

200 - 100 da um valor muito ato pois o código se confunde apos eu retirar os pontos, valores acima de 1000 funciona perfeitamente.

Pesquisando na internet achei sua explicação que solucione o me problema até perceber que se eu digitar por exemplo 1,75 - 2,00 retorna um valor null, ou valores abaixo me retorna false, como seu código era soma eu só mudei o sinal e mais nada, você poderia me ajudar pq esta dando este retorno, alias eu poderia usar sou código e você me ajudaria este ajunte do valor false.

Alguém poderia me ajudar?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By granderodeo
      Olá tenho a página index.php e tenho a página product.php, ao clicar no produto na página inicial, quero que redirecione para página product.php mostrando os dados do determinado produto que cliquei, iniciei o código mais não está dando certo, Obrigado.
       
      index.php
      <?php if (is_array($products)) { foreach ($products as $id => $row) { ?> <div class="col-sm-6 col-md-4 col-lg-3 mb-2"> <div class="card-deck"> <div class="card p-2 border-secondary mb-2"> <a href="product.php?id=<?= $row['product_id'] ?>"> <div class="hover-image"> <img class="card-img-top border-secondary" src="images/<?= $row['product_image'] ?>"/> <a href="#"><span class="texto"></span></a> </div> </a> <h3 class="text-center"><?= $row['product_name'] ?></h3> <div class="text-center text-black rounded p-1" style="font-size: 20px;">Valor&nbsp;$<?= $row['product_price'] ?></div> <button class="btn btn-success btn-block" type="button" value="Add to cart" onclick="cart.add(<?= $row['product_id'] ?>);">Adicionar ao carrinho</button> </div> </div> </div> <?php } } else { echo "No products found."; } ?>  
      product.php
      <?php $products = $_GET["product_id"]; if (is_array($products)) { foreach ($products as $id => $row) { }}; $row['product_name'] ?>  
    • By 3agdeu
      Bom dia a todos.

      Quero saber se alguns dos sábios participantes saberia um forma que capturar um informação (constantemente atualizada) apresentada em uma aplicação java na tela. São os dados de variação de ações, nos respectivos sites de operações. Geralmente aparecem em um canto fixo ou ficam em um elemento que flutua sobre o gráfico da ação (penso que rodem em java).

      Posso interceptar e interpretar os sinais enviados ao monitor?

      Posso interceptar as atualizações da maquina java e/ou o script?

      Existe um programa para fazer a leitura de uma determinada parte da tela que fica constantemente se atualizando?

      Obrigado.
    • By LucasSamuel
      Olá! Sou participante do grupo em um projeto de desenvolvimento de jogos em grupo. Estamos aceitando participantes de todos os tipos de categorias de desenvolvimento de jogos ... Convido você a participar deste projeto. A ideia de criar um grupo e ganhar US $ foi tirada de um colega meu que tinha câncer e acabou morrendo com esse sonho. Até agora, temos 4 participantes que, juntos, estamos tentando reunir 20 pessoas que têm idéias como a nossa…
      O grupo está na versão beta, porque ainda precisamos conversar com todos os participantes e convocar uma reunião para decidir democraticamente sobre jogos de categoria de mecanismo, lucros, servidores ... Mas, a princípio, o dinheiro que você ganhará estará relacionado à sua porcentagem no desenvolvimento de jogos . EX: 10% do jogo que você ajudou a criar; portanto, 10% do jogo é seu. Portanto, 10% de todos os lucros do jogo serão seus.
      Você escolhe seus turnos e horários e quanto ajudará. Pedimos apenas que você tente realizar determinadas tarefas determinadas para você, caso contrário, outro desenvolvedor fará em seu lugar. NOTA: Quanto mais você contribuir para a criação do jogo, mais lucros obterá.
      O grupo não terá um chefe ou um “comandante” organizador… Pois no grupo somos todos os chefes. Portanto, as decisões são tomadas em grupos por meio de reuniões e também de votos onde colocamos nossas idéias.
      Precisamos de mais de 20 participantes para iniciar nosso projeto. Todos no início do projeto assinaram um contrato com todos os termos “legais” do grupo, que serão decididos com todos os participantes. Portanto, se você não gosta de algum aspecto do grupo, pode e deve comentar e alterar os termos ... 
      O nome da categoria de estilo de jogo ... será decidido em grupos para que cada participante apresente 1 ou mais idéias de jogo. Serão escolhidos os mais votados e os mais adequados para todos os participantes. será vendido em várias plataformas ... android, PC ... em muitas lojas online diferentes ... será vendido acima de 5US $ e abaixo de 30US $
      Diga o que você pensa se quiser saber mais ou ligue para mim no whatsapp: +55 51 993700013 
      Vamos apresentar a todos os participantes do nosso grupo e aplicá-lo ao nosso grupo, discutir, conversar, criar, testar, aplicar e vir com idéias para o grupo com você.
    • By ChuChun
      Estou começando a mexer com progromação, estive fazendo um algoritmo de física, mas, quando pedi para que fossem coletados os campos para fazer assim a equação, não da certo, este é o código da parte que estou com dificuldade:

       
      $("#btn1").click(function(){ var comprimento = parseFloat($("#comprimento").val()); var espiras = parseFloat($("#espiras").val()); var no = parseFloat($("#no").val()); var multpi = parseFloat($("#multpi").val()); var pi = parseFloat($("#pi").val()); var amperes = parseFloat($("#amperes").val()); var valor = parseFloat($("#valor").val()); var resultado = (var multpi = parseFloat($("#multpi").val() * var pi = parseFloat($("#pi").val()) * parseFloat($("#no").val()) * (parseFloat($("#espiras").val()) * parseFloat($("#comprimento").val()) )* parseFloat($("#amperes").val());  
    • By usuario1235
      Cadeias de DNA     Um conjunto de caracteres é utilizado para representar uma das fitas de uma cadeia de DNA. Para tanto, as bases Adenina, Guanina, Citosina, Timina e Uracila são representadas pelas letras A, G, C, T e U, respectivamente.  Deseja-se construir um programa que, dada uma sequência de 9 caracteres de uma fita de cadeia de DNA, é fornecida a sequência de RNA-m equivalente de acordo com a transformação indicada na Tabela 1.  
       
       
      Entrada 
       
      O programa deverá ser feito no portugol studio e receber, um conjunto de caracteres contendo uma fita de cadeia de DNA. 
       
      Saída 
       
      Seu programa deve imprimir na tela, uma única linha contendo a sequência de RNA-m correspondente. 
       
      Exemplo 
       Entrada A T C C G T T A A   Saída A T C C G T T A A U A G G C A A U U
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.