JAVASCRIPT - Contraseña con combinación numérica

Contraseña con combinación numérica

Compatibilidad: Ms Internet Explorer, Netscape
Esta contraseña se vale de una combinación numérica (en este caso "1234"), que puede modificarse como queramos. Es necesario crear un file HTML con denominación idéntica a la combinación elegida (en este caso: "1234.html").

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

<!-- Key-code script by Bart Jellema
    // You may use this script freely as long
    // as you credit me for it...
    var usermulcode=24
        // This is to validate the code. In this case
        // the code is 1234 so the mul = 1*2*3*4 = 24
        // Change this value for your own code
        // If your code is 2415 it will be
        // usermulcode = 40 (2*4*1*5)
    var code=0   // the entered code
    var mul=1    // the multiplied digits
    var digit=0  // number of digits entered so far
    var fails=0  // number of tries done

function Enter_code(number)
    {
     
      code=code*10+number         // Add the digit to the code
      mul=mul*number              // Update mul-value
      document.codepad.thecode.value=code  // Show code
      digit++                     // Increase digit
      
      if (digit==4)               // Four digits entered
      {
        if (mul==24)              // This is to validate
                                  // the code. In this case
                                  // the code is 1234 so the
                                  // mul = 1*2*3*4 = 24
                                  // Change this value for
                                  // your own code
        {
          location=code+".html"
        }
        else
        {
          fails++                 // Increase fails
          code=0                  // Reset values
          mul=1
          digit=0
          if (fails<3)            
          {
            if (fails==1)
            {document.codepad.thecode.value="riprova"}
            if (fails==2)
            {document.codepad.thecode.value="ultima volta"}
          }
          else                    // To many tries = worp back 
          {
            location="java.htm"
            document.codepad.thecode.value="A presto!"
          } 
        }
      }
    }

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>

</HEAD>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]