La seguridad en línea es un tema cada vez más importante en nuestro mundo digital. Con el aumento de los delitos informáticos y la facilidad con la que los hackers pueden acceder a nuestra información personal, es esencial que tengamos contraseñas seguras para proteger nuestras cuentas en línea. En esta entrada de blog, te mostraré cómo crear un generador de contraseñas seguras en JavaScript que te permitirá crear contraseñas seguras en segundos.
Comenzaremos creando una función que generará una contraseña aleatoria. Para ello, utilizaremos una cadena de caracteres que contendrá todas las posibles letras, números y caracteres especiales que queremos utilizar en nuestras contraseñas.
// copiar en el archivo 'generador.js'
function generarPassword(longitud) {
var caracteres = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+{}[];:<>,.?/\|";
var contraseña = "";
for (var i = 0; i < longitud; i++) {
contraseña += caracteres.charAt(Math.floor(Math.random() * caracteres.length));
}
return contraseña;
}
En este código, definimos una variable llamada «caracteres» que contiene todos los caracteres posibles que queremos utilizar en nuestras contraseñas. Luego, creamos una variable llamada «contraseña» que se inicializa como una cadena vacía. Usando un bucle for, generamos una contraseña aleatoria concatenando caracteres aleatorios de la cadena «caracteres» hasta que alcancemos la longitud deseada. Finalmente, devolvemos la contraseña generada.
Ahora que tenemos una función para generar contraseñas aleatorias, podemos utilizarla para crear un generador de contraseñas completo. En este caso, crearemos un formulario simple con un botón que generará una contraseña cuando se haga clic en él.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Generador de contraseñas seguras</title>
</head>
<body>
<h1>Generador de contraseñas seguras</h1>
<form>
<label for="longitud">Longitud de la contraseña:</label>
<input type="number" id="longitud" name="longitud" min="6" max="50" value="12">
<br>
<br>
<input type="button" value="Generar contraseña" onclick="generar()">
</form>
<br>
<br>
<div id="contraseña"></div>
<script src="generador.js"></script>
</body>
</html>
En este código, creamos un formulario simple que contiene un campo de entrada para la longitud de la contraseña y un botón que llama a una función llamada «generar» cuando se hace clic en él. También agregamos un div con el id «contraseña» donde se mostrará la contraseña generada.
Finalmente, necesitamos crear la función «generar» que llamará a la función «generarPassword» que creamos anteriormente y mostrará la contraseña generada en el div correspondiente.
// copiar en el archivo 'generador.js'
function generar() {
var longitud = document.getElementById("longitud").value;
var contraseña = generarPassword(longitud);
document.getElementById("contraseña").innerHTML = "Contraseña generada: " + contraseña;
}
En este código, obtenemos la longitud de la contraseña ingresada por el usuario a través del campo de entrada del formulario y la almacenamos en una variable llamada «longitud«. Luego, llamamos a la función «generarPassword» y pasamos la longitud como argumento para generar la contraseña aleatoria. Finalmente, actualizamos el contenido del div «contraseña» con la contraseña generada.
La seguridad en línea es esencial para proteger nuestra información personal y nuestras cuentas en línea. Al utilizar un generador de contraseñas seguras en JavaScript, podemos crear contraseñas aleatorias y fuertes en cuestión de segundos. En este artículo, aprendimos cómo crear un generador de contraseñas seguras en JavaScript utilizando una función para generar contraseñas aleatorias y un formulario simple para que los usuarios puedan especificar la longitud de la contraseña. Al seguir estos pasos, podrás proteger tus cuentas en línea con contraseñas seguras y confiables.
