0

Cuento con una función Javascript que genera un código aleatorio el cual es el siguiente:

   function codigo(){
   var caracteres = "ABCDEFGHJKMNPQRTUVWXYZ2346789";
   var folio = "";
   for (i=0; i<20; i++) folio +=caracteres.charAt(Math.floor(Math.random()*caracteres.length)); 
   }

Necesito ahora poder hacer que un botón genere el código aleatorio de esta función pero mostrándola en un campo de texto html cada que se le de click. Esto intentando de la siguiente manera, pero no lo consigo...

 <form action="" method="POST">
  <input type="text" class="form-control" placeholder="FOLIO" id="folio" name="folio" required>
    <input type="button" value="Generar Folio" onclick='codigo();'>
 </form>

1 respuesta 1

1

Te falta asignar el valor con document.getElementById("folio").value=folio;.

Por ejemplo:

function codigo() {
  var caracteres = "ABCDEFGHJKMNPQRTUVWXYZ2346789";
  var folio = "";
  for (i = 0; i < 20; i++) folio += caracteres.charAt(Math.floor(Math.random() * caracteres.length));
console.log(folio);
document.getElementById("folio").value=folio;
}
<form action="" method="POST">
  <input type="text" class="form-control" placeholder="FOLIO" id="folio" name="folio" required>
  <input type="button" value="Generar Folio" onclick='codigo();'>
</form>

1

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.