Jump to content
Sarah19

Passar ids como parâmetro para function js

Recommended Posts

Tenho uma  function que gostaria que recebesse os valores de id de alguns campos de quantidade, valor unitário e mostrasse o resultado em outro campo. Mas não estou conseguindo.

<html>
<head>
<script type="text/javascript" src="js/funcoes.js"></script>  
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>

<script>
String.prototype.formatMoney = function() {
    var v = this;

    if(v.indexOf('.') === -1) {
        v = v.replace(/([\d]+)/, "$1,00");
    }

    v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");
    v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");

    return v;
};

function id( el ){
    return document.getElementById( el );
}

function getMoney( el ){
    var money = id( el ).value ? id( el ).value.replace( ',', '.' ) : 0;
    return parseFloat( money )*100;
}

function multiplicacao(id1, id2){
    //alert(id1, id2);
    var qtd = id(id1).value;
    var unit = getMoney(id2);
    var total = qtd*unit;
    id('campo4').value = String(total/100).formatMoney();
}

//mascara para campos de R$
function moeda(z){          
v = z.value;        
v=v.replace(/\D/g,"")  
//permite digitar apenas números    
v=v.replace(/[0-9]{12}/,"inválido")   
//limita pra máximo 999.999.999,99  
v=v.replace(/(\d{1})(\d{8})$/,"$1.$2")  
//coloca ponto antes dos últimos 8 digitos  
v=v.replace(/(\d{1})(\d{5})$/,"$1.$2") 
//coloca ponto antes dos últimos 5 digitos  
v=v.replace(/(\d{1})(\d{1,2})$/,"$1,$2")    
//coloca virgula antes dos últimos 2 digitos        
z.value = v;    }

</script>

</head>
<body>
 <input id="campo1" onKeyUp='multiplicacao(this.id)' type='text' name='' class='form-control' size='10'/>

<input id="campo2" onKeyUp='moeda(this);multiplicacao(this.id)' type='text' name='' class='form-control' size='10'/>

<input id="campo4" name="campo4" readonly="readonly"  class='form-control' size='10'/>
</body>
</html>

Por favor se alguém souber me ajuda :(

Share this post


Link to post
Share on other sites

Tenta fazer assim:

function id( el ){
    return document.getElementById( el ).value;
}

function getMoney( el ){
  	var val = id(el);
    var money = val ? val.replace( ',', '.' ) : 0;
    return parseFloat( money )*100;
}

function multiplicacao(id1, id2){
    //alert(id1, id2);
    var qtd = id(id1);
    var unit = getMoney(id2);
    var total = qtd*unit;
    document.getElementById('campo4').value = String(total/100).formatMoney();
}

Mas se você quiser continuar fazendo meio que desse seu jeito, tipo um jquery ai acredito que tem que fazer assim:

var id = function(el) {
  return(document.getElementById(el));
}

 

  • +1 1

Share this post


Link to post
Share on other sites

O problema no seu código está na chamada da função multiplicação e no tratamento dos parâmetros dela.

 

Aqui você passa apenas um parâmetro:

<input id="campo1" onKeyUp='multiplicacao(this.id)' ...

 

Mas quando a função é declarada, obrigatoriamente precisa de 2 parâmetros:

function multiplicacao(id1, id2){
    //alert(id1, id2);
    var qtd = id(id1).value;
    var unit = getMoney(id2);
    var total = qtd*unit;
    id('campo4').value = String(total/100).formatMoney();
}

O erro ocorre na instrução que utiliza o segundo parâmetro.

 

Faça um tratamento desse tipo que seu código vai funcionar:

var unit = id2 ? getMoney(id2) : 0;

 

  • +1 1

Share this post


Link to post
Share on other sites

Obrigada à todos que ajudaram, eu consegui fazendo assim:

 

i = 1;

String.prototype.formatMoney = function() {
    var v = this;

    if(v.indexOf('.') === -1) {
        v = v.replace(/([\d]+)/, "$1,00");
    }

    v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");
    v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");

    return v;
};

function id( el ){
    return document.getElementById( el );
}

function getMoney( el ){
    var money = id( el ).value ? id( el ).value.replace( ',', '.' ) : 0;
    return parseFloat( money )*100;
}

function multiplicacao(){

    //pego os elementos pela classe
    var inputqtd = $('.input-qtd');
    var inputunit = $('.input-unit');
    var inputresultado = $('.input-resultado');
    var qtd = 0; var unit = 0; var total = 0; 

    //varro a lista e pego os ids.
    for (var i = 0; i < inputqtd.length; i++) {
        id1 = (inputqtd[i].id);
        id2 = (inputunit[i].id);
        res = (inputresultado[i].id);

        qtd = id(id1).value;
        unit = getMoney(id2);
        total = qtd*unit;
        id(res).value = String(total/100).formatMoney();
    }

}

//mascara para campos de R$
function moeda(z){          
    v = z.value;        
    v=v.replace(/\D/g,"")  
//permite digitar apenas números    
v=v.replace(/[0-9]{12}/,"inválido")   
//limita pra máximo 999.999.999,99  
v=v.replace(/(\d{1})(\d{8})$/,"$1.$2")  
//coloca ponto antes dos últimos 8 digitos  
v=v.replace(/(\d{1})(\d{5})$/,"$1.$2") 
//coloca ponto antes dos últimos 5 digitos  
v=v.replace(/(\d{1})(\d{1,2})$/,"$1,$2")    
//coloca virgula antes dos últimos 2 digitos        
z.value = v;    }
<html>
<head>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
  	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
    </head>
<body>

<p>INPUTS DE QUANTIDADE:</p>
<input id="input-qtd1" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<input id="input-qtd2" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<input id="input-qtd3" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<input id="input-qtd4" onKeyUp='multiplicacao()' type='text' name='' class='form-control input-qtd' size='10'/>

<p>INPUTS DE VALOR UNITÁRIO:</p>
<input id="input-unit1" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<input id="input-unit2" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<input id="input-unit3" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<input id="input-unit4" onKeyUp='moeda(this);multiplicacao()' type='text' name='' class='form-control input-unit' size='10'/>

<p>INPUTS DE TOTAL:</p>
<input id="input-resultado1" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

<input id="input-resultado2" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

<input id="input-resultado3" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

<input id="input-resultado4" onKeyUp='moeda(this);multiplicacao()' name="campo4" readonly="readonly"  class='form-control input-resultado' size='10'/>

</body>
</html>
 

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 Ewerton Hugo
      Boa noite, estou tentando fazer um site, que mostre a hora no momento que é acessado, juntamente com uma imagem que represente os periodos do dia, manhã
      , tarde e noite.Porém não consigo fazer com que o código em java script funcione alguém pode me ajudar (sou iniciante)?
       
       
       
    • By huntressDc
      Estou com uma atividade de aula para fazer e gostaria de uma ajuda, devo receber do usuário o valor da compra e o valor pago, e então exibir o troco. Até aí ok, só que também pede para exibir numa textarea as notas utilizadas no troco, informando sempre o mínimo de notas possíveis, exemplo:
       
       
      vlrCompra = 53,00 vlrPago = 100,00 vlrTroco = 47,00 notasTroco = 4 notas de 10,00 1 nota de 5,00 2 notas de 1,00  
      Não sei como fazer essa última parte, alguém para me ajudar? AS NOTAS QUE EU TENHO DISPONIVEIS SAO 1, 5, 10, 50
      Eis o que fiz até agora:
       
      function calculaTroco(){          var valorCompra = parseFloat($("#valorCompra").val());     var valorPago = parseFloat($("#valorPago").val());     var valorTroco = 0;          if (validarCampos() && validarNan()){         if (valorPago == valorCompra){             valorTroco = 0;             $("#valorTroco").val(valorTroco);             alert("Não gerou troco");                      }else if(valorPago > valorCompra){                          valorTroco = valorPago - valorCompra;             $("#valorTroco").val(valorTroco);                      }else{             alert("Não gerou troco (Valor pago menor que valor da compra)");         }         notasUtilizadas();         $("#valorCompra").val("");         $("#valorPago").val("");         $("#valorCompra").focus();     } } validarCampos() e validarNan() são apenas funções de tratamento. A função notasUtilizadas() seria a função que não estou conseguindo fazer... Devo utilizar array, if, for nessa atividade.
       
      Se alguém puder me ajudar, me dar umas dicas, agradeço muito!
       
      Parte do HTML:
      <!DOCTYPE html>
      <html lang="pt-BR">
          <head>
              <meta charset="utf-8"/>
              <title>Calcular Troco</title>
              <script type="text/javascript" src="jquery.js"></script>
              <style type="text/css">
                  fieldset { width:250px; }
                  label { display:block; float:left; } 
                  label, input, textarea, select { width:150px; margin: 5px 0; }
                  th, td { border:1px solid #ccc; font-size:0.9em; }
              </style>
          </head>
          <body>
              
              <form id="formulario">
                  <fieldset>
                      <legend>Calcular Troco</legend>
                      
                      <label for="valorCompra" >Valor da compra:</label>
                      <input type="text" id="valorCompra" name="valorCompra" /><br />
                      
                      <label for="valorPago" >Valor pago:</label>
                      <input type="text" id="valorPago" name="valorPago" /><br /><br />
                      
                      <button type="button" id="button" onclick="calculaTroco()">Calcular troco</button><br /><br />
                      
                      <label for="valorTroco" >Valor do troco:</label>
                      <input type="text" id="valorTroco" name="valorTroco" readonly="readonly"/><br /><br />    
                      
                      <label for="notasUtilizadas">Notas utilizadas:</label>
                      <textarea rows="3" id="notasUtilizadas" readonly="readonly" ></textarea><br/>
                      
                  </fieldset>
              </form>
          <script type="text/javascript" src="troco.js"></script>
          </body>
      </html>
    • By Vinicius Bazan
      Estou tendo um problema em elaborar o meu código com javascript, estou fazendo um teste em html e css simples pra depois elaborar um website, o objetivo aqui é fazer um relógio pelo JS e ter um contador em baixo desse relógio que vai pegar valores a partir de um switch para esse contador funcionar, isso porque se trata de dados sobre tipos de agressões contra as mulheres, então os cases do switch tem o dado em segundos para executar a formula, uma mensagem inicial e uma mensagem final.
       O usuário teria dois botões, um de cada lado (nesse caso estou usando 2 div com as ID's #btd e #bte, ao apertar esses botões aumentaria o valor de uma variável em +1 ou -1 e isso faria o switch escolher outro case e trocar os dados do contador, mas os dados não são trocados, mantendo as informações iniciais.
       Ao todo tem 4 funções, a função relogio(), contador(), btd() e bte(), sendo que a btd e bte estão dentro da contador() 
       Estou colocando o codigo dentro do spoiler, se alguém puder me ajudar a achar alguma solução agradeço
       
      OBS: Eu nem sei se pode ter uma function dentro da outra, mas como estou aprendendo JS ainda, imagino que assim como outras estruturas (If, Else, Switch, etc...) possa ser possível colocar uma função dentro da outra.
       
       
×

Important Information

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