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
  • …
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Código de generación y comprobación Luhn</title>
    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
          body { font: 12px Verdana, Geneva, sans-serif; }
        article, aside, figure, footer, header, hgroup, 
        menu, nav, section { display: block; }
        body > form {
                  width:auto; 
                  float:left;
                  border: 2px solid #ccc;
                  border-radius: 10px 0px 10px 0px;
                  box-shadow: -2px 2px 20px #aaa;
                  margin: 10px;
                  padding: 10px 8px 10px 8px;
        }
                body > form > label, body > form > input { 
                  display:block;
                  float:left;
                  margin: 2px 6px;
                }
                body > form > label {
                  width:160px;
                  text-align:right;
                }
                body > form > input {
                  width:140px;
                  font: 12px Verdana, Geneva, sans-serif; 
                  padding: 0px 5px;
                  text-align:center;
                }
                body > form > span {
                  display:block;
                  clear:both;
                  margin: 30px 0px 0px 0px;
                  text-align:center;
                }
          
    </style>
</head>
<body>
  
  <form>
  
    <label for="introducirNumeroParaGenerar">Número para generar</label>
    <input type="text" maxlength="15" id="introducirNumeroParaGenerar"/>
    <span id="resultadoGenerar"></span>
  
  </form>
  
  <form>
  
    <label for="introducirNumeroParaComprobar">Número a comprobar</label>
    <input type="text" maxlength="16" id="introducirNumeroParaComprobar"/>
    <span id="resultadoComprobar"></span>
  
  </form>
  
  <script type="text/javascript" src="https://raw.github.com/sadasant/Venezuela.js/master/algoritmos/suma_de_comprobacion/luhn_by_sadasant.js"></script>
  <script type="text/javascript">
  
var numeroGenerar = document.getElementById("introducirNumeroParaGenerar");
var dondePonerResultadoGenerar = document.getElementById("resultadoGenerar");
var numeroComprobar = document.getElementById("introducirNumeroParaComprobar");
var dondePonerResultadoComprobar = document.getElementById("resultadoComprobar");
​
var numeroGenerado, numeroComprobado;
​
numeroGenerar.onkeyup = function() {
​
numeroGenerado = luhn.getCheckNum(numeroGenerar.value);
dondePonerResultadoGenerar.innerHTML = numeroGenerar.value + numeroGenerado;
​
};
​
numeroComprobar.onkeyup = function() {
​
    if (luhn.check(numeroComprobar.value)) {
        dondePonerResultadoComprobar.innerHTML = "Suma correcta";
    } else {
        dondePonerResultadoComprobar.innerHTML = "Suma incorrecta";
    }
​
};
​
​
  </script>
  
</body>
</html></html>
 
​
 
​
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers