Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div role="tabpanel" class="tab-pane" id="avaliacao">
    <div style="padding-top:20px;">
        <form class="form-horizontal" action="" method="POST">
            <div class="form-row">
                <div class="form-group col-md-2">
                    <label for="peso">Peso</label>
                    <input
                      id="peso"                       
                      type="text"
                      name='peso'
                      class="form-control"
                      placeholder="Peso">
                </div>
​
                <div class="form-group col-md-2">
                    <label for="altura">Altura</label>
                    <input
                      id="altura"
                      type="text"
                      name='altura'
                      class="form-control"
                      placeholder="Altura em metros">
                </div>
​
                <div class="form-group col-md-2">
                    <label for="imc">IMC</label>
                    <input
                      id="imc"                           
                      type="text"
                      name='imc'
                      class="form-control"
                      placeholder="IMC">
                </div>
​
                <div class="form-group col-md-2">
                    <label for="rcq">Relação Cintura Quadril</label>
                    <input
                      id="rcq"                           
                      type="text"
                      name='rcq'
                      class="form-control"
                      placeholder="RCQ">
​
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>
 
//ESSE CÓDIGO NÃO ESTA SENDO USADO EM NENHUM LUGAR
​
​
/*function id(el) {
  return document.getElementById(el);
}
​
function metros_perc(un, cooper) {
  return parseFloat(un.replace(',', '.'), 10) * parseFloat(cooper.replace(',', '.'), 10);
}
window.onload = function() {
  id('mquadra').addEventListener('keyup', function() {
    var result = metros_perc( this.value , id('cooper').value );
    id('metros_perc').value = String(result.toFixed(2)).formatMoney();
  });
​
  id('cooper').addEventListener('keyup', function(){
    var result = metros_perc( id('mquadra').value , this.value );
    id('metros_perc').value = String(result.toFixed(2)).formatMoney();
  });
}
​
String.prototype.formatMoney = function() {
  var v = this;
​
  if(v.indexOf('.') === -1) {
    v = v.replace(/([\d]+)/, "$00");
  }
​
  v = v.replace(/([\d]+)\.([\d]{1})$/, "$1,$20");
  v = v.replace(/([\d]+)\.([\d]{2})$/, "$1,$2");
  v = v.replace(/([\d]+)([\d]{3}),([\d]{2})$/, "$1.$2,$3");
​
  return v;
};*/
​
// ALTERAÇÃO DO CÓDIGO
​
function getElement(el) {
  return document.getElementById(el);
}
​
function validToCalc(fieldWeight, fieldHeight) {
  return fieldWeight.value && fieldHeight.value;
}
​
function calcImc(fieldWeight, fieldHeight) {console.log(fieldWeight, fieldHeight)
  const parsedWeigth = parseFloat(fieldWeight.replace(',', '.'));
  const parsedHeight = parseFloat(fieldHeight.replace(',', '.'));
                                            
  const calculatedImc = parsedWeigth/(parsedHeight * parsedHeight);
                                            
  return Math.round(calculatedImc.toFixed(2));
}
​
function initCalc(fieldWeight, fieldHeight) {
  const imcResult = calcImc(fieldWeight.value, fieldHeight.value);
  setImc(imcResult);
}
​
function setImc(imcResult) {
  getElement('imc').value = imcResult;
}
​
window.onload = function() {
  const fieldWeight = getElement('peso');
  const fieldHeight = getElement('altura');
  
  fieldWeight.addEventListener('keyup', function() {
    if(validToCalc(fieldWeight, fieldHeight)) {
      initCalc(fieldWeight, fieldHeight);
    }
  });
​
  fieldHeight.addEventListener('keyup', function(){
    if(validToCalc(fieldWeight, fieldHeight)) {
      initCalc(fieldWeight, fieldHeight);
    }
  });
}
​
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers