Generador de contraseñas de seguridad con JavaScript

Vista prévia

Descripción

Sólo otro plugin de JavaScript puro utilizado para generar cadenas de contraseñas aleatorias fuertes con un solo clic.

Funcionamiento

El código HTML para el generador de contraseñas.

<label for="blocks-length">Blocks length

<input type="number" min="1" max="10" value="4" id="blocks-length">
</label>
<label for="blocks">Number of blocks

<input type="number" min="1" max="10" value="4" id="blocks">
</label>
<label for="blocks-separator">Blocks separator

<input type="text" id="blocks-separator" value="-">
</label>
<button type="button" id="generate-passwd">Suggest Password</button>

Cree un elemento para mostrar la contraseña generada.

<output id="wrapper"></output>

Incluya el JavaScript principal en la página web cuando sea necesario.

<script src="generate-passwd.js"></script>

El JavaScript para activar el generador de contraseñas.

function testGeneratePasswd() {
var wrapper = document.getElementById('wrapper'),

blocksLength = document.getElementById('blocks-length').value,

blocksNumber = document.getElementById('blocks').value,

blocksSeparator = document.getElementById('blocks-separator').value,


passwd = generatePasswd({


blocksLength: blocksLength,


blocksNumber: blocksNumber,


blocksSeparator: blocksSeparator

});

wrapper.innerHTML = passwd;
}

document.getElementById('generate-passwd').addEventListener('click', function() {
testGeneratePasswd();
});