anun1

martes, 7 de diciembre de 2021

Generador de contraseñas en javascript y html

 Hola  amigos hoy les dejare un generador de contraseñas hecho en html y javascript, esta hecho lo mas simple posible.... una cosa que les  queria comentar borre todo lo relacionado con los crackmes y hacking en mi blog ya que al parecer es algo prohibido y me estaba ocacionando problemas una de las cosas que paso fue que me borraron el canal de youtube, asi que estare enseñando solo programacion y si es posible en javascript y vbscript y si es en un lenguaje de programacion como c++ o vb.net  solo subire el codigo de los ejecutables  no no quiero desconfiansas de virus ni nada por el estilo.

bueno primero daremos color a el fondo lo pintaremos de negro para eso ponemos el comando bgcolor en el body asi

<body bgcolor="black">

despues de esto crearemos una marquesina con el comando <marquee> y con un div adentro el cual llebara el mensaje a mostrar en la marquesina

<marquee><div style="font-size:40;color:white;">Generador de claves :::By Flamer:::</div></marquee>

luego crearemos un cuadro de texto con el comando input type y con el texto centrado, color de fondo negro y color de texto blanco

<input type="text" id="log" size="50" style="text-align:center;color:white;background-color:black;">

despues creamos el boton copiar asi

<input type="button" value="Copiar" onclick="copy()"><br><br>

si se preguntan que es <br> son saltos de linea, luego declaramos un label que es el que tiene el mensaje de longitud de clave

<label style="font-size:14;color:white;">Longitud de Clave:</label>

despues de esto declaramos un select el cual tendra los diferentes longitudes de la clave o sea el numero de digitos de la clave

<select id="longi" style="color:white;background-color:black;">

  <option value="8">8</option>

  <option value="9">9</option>

  <option value="10">10</option>

  <option value="11">11</option>

  <option value="12">12</option>

  <option value="13">13</option>

  <option value="14">14</option>

  <option value="15">15</option>

  <option value="16">16</option>

  <option value="17">17</option>

  <option value="18">18</option>

  <option value="19">19</option>

  <option value="20">20</option>

  <option value="21">21</option>

  <option value="22">22</option>

  <option value="23">23</option>

  <option value="24">24</option>

  <option value="25">25</option>

  <option value="26">26</option>

  <option value="27">27</option>

  <option value="28">28</option>

  <option value="29">29</option>

<option value="30">30</option>

</select>

por ultimo ponemos dos botones uno que genera las claves de forma automatica el cual lo hace al darle clic al boton este llama a una funcion llamada genera() y otro para detener el proceso de generacion de claves el cual llama a una funcion llamada stop y detenga el proceso

<input type="button" value="Generar" onclick="genera()">

<input type="button" value="detener" onclick="stop()">

ahora pasaremos al codigo script asi que ponemos una seccion llamada <script> y cierra con un </script> dentro de esta seccion declaramos una variable global llamada time la cual esta encargada de llebar el tiempo de 10 milisegundos en cada generacion de clave

var time;

despues declaramos la funcion copy la cual se encarga de copiar lo que se encuentra en el cuadro de texto que declaramos anteriormente

function copy()

{

  document.getElementById("log").select();

  document.execCommand('copy');

}

despues de esto declaramos la funcion genera la cual es la que generara las claves dentro de esta esta la primer linea donde declaro la variable cadena con todos los digitos que pueden llevar las claves que generaran y la variable clave y digi en null

var caden = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz",clave="",digi="";

linea abajo declaro la variable l la cual toma el numero de digitos de la variable cadena

 var l = caden.length-1;

linea abajo declaro la variable largo la cual toma el valor de el objecto select, me rifiero al largo de cada clave a generar y tomado el valor este pasa aser convertido a entero con el comando parseInt

var largo=parseInt(document.getElementById("longi").value);

linea abajo declaramos un ciclo for el cual se repetira dependiendo de la variable largo o sea del numero de digitos que la clave que se generara,  cada giro toma un digito aleatorio de la variable cadena y aguardado en la variable digi y despues concatenado con la variable clave la cual llebara la clave generada

for(x=0;x<=largo;x++)

   {

      digi = Math.round(Math.random() * (l - 0) + 0);

      clave+=caden.substr(digi,1);

   }

linea abajo pasamos el valor de la variable clave al cuadro de texto donde se mostrara

document.getElementById("log").value=clave;

por ultimo volvemos a llamar la funcion genera con el comando setTimeout 

time=setTimeout("genera()",10);

despues declaramos la funcion stop la cual se encarga de detener el proceso de generacion de claves

function stop()

{

   clearTimeout(time);;

}

ahora por ultimo les dejo el codigo completo




<html>

<head><title>Generador de claves</title>

</head>

<body bgcolor="black">

<marquee><div style="font-size:40;color:white;">Generador de claves :::By Flamer:::</div></marquee>

<br><br>

<br><br>

<br><br>

<center>

<input type="text" id="log" size="50" style="text-align:center;color:white;background-color:black;"><input type="button" value="Copiar" onclick="copy()"><br><br>

<label style="font-size:14;color:white;">Longitud de Clave:</label><select id="longi" style="color:white;background-color:black;">

  <option value="8">8</option>

  <option value="9">9</option>

  <option value="10">10</option>

  <option value="11">11</option>

  <option value="12">12</option>

  <option value="13">13</option>

  <option value="14">14</option>

  <option value="15">15</option>

  <option value="16">16</option>

  <option value="17">17</option>

  <option value="18">18</option>

  <option value="19">19</option>

  <option value="20">20</option>

  <option value="21">21</option>

  <option value="22">22</option>

  <option value="23">23</option>

  <option value="24">24</option>

  <option value="25">25</option>

  <option value="26">26</option>

  <option value="27">27</option>

  <option value="28">28</option>

  <option value="29">29</option>

  <option value="30">30</option>

</select>


<input type="button" value="Generar" onclick="genera()">

<input type="button" value="detener" onclick="stop()">

</center>

<script>

var time;

function copy()

{

  document.getElementById("log").select();

  document.execCommand('copy');

}

function genera()

{

   var caden = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz",clave="",digi="";

   var l = caden.length-1;

   var largo=parseInt(document.getElementById("longi").value);

   for(x=0;x<=largo;x++)

   {

      digi = Math.round(Math.random() * (l - 0) + 0);

      clave+=caden.substr(digi,1);

   }

     document.getElementById("log").value=clave;

time=setTimeout("genera()",10);

}

function stop()

{

   clearTimeout(time);;

}

</script>

</body>

</html>


bueno saludos Flamer


No hay comentarios.:

Publicar un comentario