javascript Key Pad Password

Esta sencilla rutina javascript muestra una especie de botonera, donde debes ingresar una número de 4 dígitos, si estos son correctos te llevará a la página deseada,en caso contrario, luego de 3 intentos esta regresará a la página anterior.

Código Javascript


<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>KeyPad Password</title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#FFFF00"
vlink="#FFFF80" alink="#FFFF00">
<script language="JavaScript">
<!-- Key-code script by Bart Jellema
// You may use this script freely as long
// as you credit me for it...
// Script por Bart Jellema
// Usted puede usar libremente este Script 
// cuando tú me acredites por él...  
<!-- Traducido por Gabriel Rodríguez, Enero del 2000 -->
    var usermulcode=24
        // This is to validate the code. In this case  /* Esto es para validar el Código. En este caso
        // the code is 1234 so the mul = 1*2*3*4 = 24  /* el código es 1234 así la multiplicación = 1*2*3*4 = 24
        // Change this value for your own code         /* Cambie este valor para su propio código
        // If your code is 2415 it will be             /* Si su código es 2415 este será 
        // usermulcode = 40 (2*4*1*5)                  /* usermulcode = 40 (2*4*1*5)
    var code=0   // the entered code                   /* El Código entrado
    var mul=1    // the multiplied digits              /* Los dígitos multiplicados 
    var digit=0  // number of digits entered so far    /* Número de dígitos entrados hasta ahora
    var fails=0  // number of tries done               /* Número de intentos hechos
    function Enter_code(number)
    {
     
      code=code*10+number         // Add the digit to the code  /* Agrega el dígito al código
      mul=mul*number              // Update mul-value           /* Actualiza la multiplicación
      document.codepad.thecode.value=code  // Show code         /* Muestra el Código    
      digit++                     // Increase digit             /* Incrementa los dígitos 
      
      if (digit==4)               // Four digits entered        /* 4 dígitos entrados
      {
        if (mul==24)              // This is to validate        /* Esto es para validar
                                  // the code. In this case     /* El Código. En este caso
                                  // the code is 1234 so the    /* el código es 1234 así la
                                  // mul = 1*2*3*4 = 24         /* multiplicación = 1*2*3*4 = 24
                                  // Change this value for      /* Cambie este valor para 
                                  // your own code              /* su propio código  
        {
          location=code+".htm"
        }
        else
        {
          fails++                 // Increase fails             /* Incrementa los fallos
          code=0                  // Reset values               /* Resetea los valores
          mul=1
          digit=0
          if (fails<3)            
          {
            if (fails==1)
            {document.codepad.thecode.value="Otro Intento"}
            if (fails==2)
            {document.codepad.thecode.value="último intento"}
          }
          else                    // To many tries = worp back  /* a muchas pruebas vuelve atrás
          {
            location="java.htm"
            document.codepad.thecode.value="Hasta Luego!"
          } 
        }
      }
    }
    function keycodepad(mulcode)
    {
      usermulcode=mulcode
      document.write("<form name=\"codepad\">");
      document.write("<input type=\"button\" value=\" 1 \" onClick=\"Enter_code(1)\">");
      document.write("<input type=\"button\" value=\" 2 \" onClick=\"Enter_code(2)\">");
      document.write("<input type=\"button\" value=\" 3 \" onClick=\"Enter_code(3)\"><br>");
      document.write("<input type=\"button\" value=\" 4 \" onClick=\"Enter_code(4)\">");
      document.write("<input type=\"button\" value=\" 5 \" onClick=\"Enter_code(5)\">");
      document.write("<input type=\"button\" value=\" 6 \" onClick=\"Enter_code(6)\"><br>");
      document.write("<input type=\"button\" value=\" 7 \" onClick=\"Enter_code(7)\">");
      document.write("<input type=\"button\" value=\" 8 \" onClick=\"Enter_code(8)\">");
      document.write("<input type=\"button\" value=\" 9 \" onClick=\"Enter_code(9)\"><br>");
      document.write("<input type=\"text\" name=\"thecode\" size=10 value=\"\"><br>");
      document.write("</form>");
    }
  // Key-code script by Bart Jellema -->
</script><div align="center"><center>
<table border="1" width="75%" bgcolor="#8000FF"
bordercolor="#00FFFF" bordercolordark="#00FFFF"
bordercolorlight="#FFFFFF">
    <tr>
        <td><h1 align="center"><sup><br>
        KeyPad Password</sup></h1>
        </td>
    </tr>
</table>
</center></div>
<p align="center"><font size="2" face="Arial">Este pequeño
Script es grande para proteger sus cosas especialmente en la Web.
<br>
Este es mucho mejor que la antigua caja de nombre y la contraseña.
<br>
¡Pruébelo! <strong>El código correcto es 1234</strong></font> <script>
  keycodepad(24)  
</script>
</p>
</body>
</html>
Ver ejemplo Javascript en funcionamiento