5/10/24 es. 4 - Password by @sarazani - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<li>Inserisce voci all'interno di una lista
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<i>Formatta il testo in corsivo/italico non enfatizzato
<link>Collega il documento corrente con una risorsa esterna
langSpecifica la lingua del contenuto di un elemento
<tbody>Definisce il contenuto principale di una tabella.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

velocità scrittura

Lola Harrel Project 2

Batch versamento settimanale

obbiettivi futuri

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Password</title>
<!-- Collegamento a Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container mt-5">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <h1 class="text-center mb-4">Generatore di Password</h1>
      <form id="formPassword" class="d-flex justify-content-center align-items-center mb-3">
        <label for="lunghezza" class="mr-2 mb-0">Lunghezza:</label>
        <div class="form-group mr-2 mb-0">
          <input type="number" class="form-control" id="lunghezza" name="lunghezza" min="1" step="1">
        </div>
        <button type="submit" class="btn btn-primary mr-2">Genera</button>
      </form>
      <div id="risultato" class="mt-3"></div>
    </div>
  </div>
</div>

<!-- Collegamento a jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Collegamento a script.js -->
<script src="script.js"></script>

</body>
</html>

$(document).ready(function() {
  $("#formPassword").submit(function(event) {
    event.preventDefault();

    // il numero intero che l'utente vuole di caratteri per la password
    let lunghezza = parseInt($("#lunghezza").val());

    //funzione per generare password
    let randomPassword = generaPassword(lunghezza);

    // Aggiungi la password alla lista
    //$("#passwordList").append("<li class='list-group-item'>" + randomPassword + "</li>");
    
    $('#risultato').text(randomPassword);
  });
});

// Funzione per generare una password casuale
function generaPassword(lunghezza) {
  const caratteriAmmissibili = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+{}[]|;:,.<>?";
  //const caratteriAmmissibili = /[a-zA-Z0-9!@#$%^&*()_+{}[\]|;:,.<>?]/;
  //versione regex
  let password = "";
  for (let i = 0; i < lunghezza; i++) {
    let indice = Math.floor(Math.random() * caratteriAmmissibili.length);
    password += caratteriAmmissibili.charAt(indice);
  }
  return password;
}