En este tutorial crearemos una contraseña automáticamente usando JavaScript. Este código creará una contraseña automáticamente al hacer clic en el botón. Este código usa onclick para llamar a un método específico que crea automáticamente una contraseña utilizable para el usuario con el uso de Math.floor () que genera aleatoriamente un nuevo carácter una por una en la longitud dada. Este programa es fácil de usar, siéntase libre de usarlo en su sistema.
Utilizaremos JavaScript para permitirle implementar cosas complejas en páginas web. Le permite crear contenido de actualización dinámica y agregar algo visual interactivo para las transacciones del usuario.
Empezando:
Este es el enlace para la rutina de carga que utilicé para el diseño del diseño https://getbootstrap.com/.
La interfaz principal:
Este código contiene la interfaz de la aplicación. Para crear esto, simplemente escriba este bloque de código dentro del editor de texto y guárdelo como index.html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<a class="navbar navbar-brand" href="https://compubinario.com">CompuBinario</a>
</div>
</nav>
<div class="col-md-3"></div>
<div class="col-md-6 well">
<h3 class="text-primary">Crear Contraseña Automáticamente en Javascript</h3>
<hr style="border-top:1px dotted #ccc;"/>
<div class="col-md-3"></div>
<div class="col-md-6">
<form class="form-group">
<label>Contraseña de usuario predeterminada</label>
<input type="text" id="password" class="form-control" readonly = "readonly"/>
<br /><br />
<center><button type="button" class="btn btn-primary" onClick="getPassword()"/>Crear Contraseñas</button></center>
</form>
</div>
</div>
</body>
<script src="js/script.js"></script>
</html>
Crear el script:
Este código contiene el script de la aplicación. Este código creará automáticamente una contraseña cuando se haga clic en el botón. Para hacer esto, simplemente copie y escriba este bloque de códigos como se muestra a continuación dentro del editor de texto y guárdelo como script.js dentro del directorio js.
function getPassword(){
document.getElementById('password').value = autoCreate(12);
}
function autoCreate(plength){
var chars = "abcdefghijklmnopqrstubwsyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
var password = '';
for(i=0; i<plength; i++){
password+=chars.charAt(Math.floor(Math.random()*chars.length));
}
return password;
}
Ahí lo tienes, creamos una contraseña automáticamente usando JavaScript. Espero que este sencillo tutorial te ayude a lo que estás buscando.
Antes de la descarga del Tutorial presiona el siguiente enlace para que te suscribas a nuestro Canal de YouTube:
