¿Cómo generar una contraseña aleatoria con JavaScript? || ebooksonline.es

La tarea es generar una contraseña aleatoria que puede contener letras, números y caracteres especiales. Esto se puede lograr de diferentes maneras, en este artículo discutiremos los dos métodos más comunes que se analizan a continuación para resolver el problema.

Enfoque 1: Haga una cadena que consista en Alfabeto (minúsculas y mayúsculas), Números y Caracteres especiales. vamos a utilizar Matemáticas.aleatoria() y Matemáticas.piso() método para generar un número entre 0 y l-1 (donde l es la longitud de la cadena). Para obtener un carácter de cadena de índice específico, podemos usar Método .charAt().. Esto mantendrá el carácter aleatorio de la cadena coincidente hasta que se encuentre la contraseña de la longitud requerida.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML>
<html>
 
<head>
    <title>
        Generate a Random Password
        using JavaScript
    </title>
</head>
 
<body style="text-align:center;">
     
    <h1 style="color: green"> 
        GeeksforGeeks 
    </h1>
     
    <h3>
        Click on the button to
        generate random password.
    </h3>
     
    <button onclick="gfg_Run()">
        Click Here
    </button>
    <br>
     
    <div>
        <p id="geeks"></p>
    </div>
     
    <script>
        var el_down = document.getElementById("geeks");
 
        /* Function to generate combination of password */
        function generateP() {
            var pass="";
            var str="ABCDEFGHIJKLMNOPQRSTUVWXYZ" + 
                    'abcdefghijklmnopqrstuvwxyz0123456789@#$';
             
            for (let i = 1; i <= 8; i++) {
                var char = Math.floor(Math.random()
                            * str.length + 1);
                 
                pass += str.charAt(char)
            }
             
            return pass;
        }
 
        function gfg_Run() {
            el_down.innerHTML = generateP();
        }
    </script>
</body>
 
</html>

Producción:

Enfoque 2: En este enfoque usaremos Matemáticas.aleatoria() método para generar un número entre 0 y 1 y luego convertirlo a base36 (con 0-9 y az en minúsculas) usando .toString() método. Para eliminar el cero inicial y el punto decimal .rodaja() método y se utilizará Matemáticas.aleatorio().goString(36).slice(2) para generar la contraseña. Para letras mayúsculas utilice el mismo método que .mayúsculas() método de acuerdo con el método anterior.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
 
<head> 
    <title> 
        Generate a Random Password
        using JavaScript
    </title>
</head> 
 
<body style = "text-align:center;"> 
     
    <h1 style = "color: green"> 
        GeeksforGeeks 
    </h1>
     
    <h3>
        Click on the button to
        generate random password.
    </h3>
     
    <button onclick = "gfg_Run()"> 
        Click Here
    </button>
     
    <p id = "geeks"></p>
     
    <script>
        var el_down = document.getElementById("geeks");
         
        function gfg_Run() {
            el_down.innerHTML = 
                Math.random().toString(36).slice(2) + 
                Math.random().toString(36)
                    .toUpperCase().slice(2);
            } 
    </script> 
</body> 
 
</html>      

Producción:

Mis notas personales

Seguro que también te interesa

Deja un comentario Cancelar respuesta