lucasvbr/password-generator
1
0
Fork 0
mirror of https://github.com/LucasVbr/password-generator.git synced 2026-07-09 15:08:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
LucasVbr
2021-09-19 18:41:36 +02:00
parent f1c3c9371f
commit c971288899
1 changed files with 35 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+35 -38
View File
@@ -2,49 +2,46 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link href="styles/style.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Générateur de MDP</title> <title>Password Generator</title>
</head> </head>
<body onload="init()"> <body onload="init()">
<div class="container"> <div class="container align-middle">
<div class="jumbotron">
<h1 id="password" class="alert alert-success display-4" role="alert"></h1>
<input type="range" class="form-range" min="4" max="40" step="1" id="nbDigits-range">
<p id="nbDigits-range-label" for="nbDigits-range">Length </p>
<hr class="my-4">
<div class="row">
<div class="col">
<input type="checkbox" id="caps-checkbox" name="caps-checkbox">
<label for="caps-checkbox">Uppercases</label>
</div>
<div class="col">
<input type="checkbox" id="numbers-checkbox" name="numbers-checkbox">
<label for="numbers-checkbox">Numbers</label>
</div>
<div class="col">
<input type="checkbox" id="specials-checkbox" name="specials-checkbox">
<label for="specials-checkbox">Special characters</label>
</div>
</div>
<div class="row">
<div class="text-center">
<input type="button" id="submit-button" value="Generate">
</div>
</div>
</div>
<!-- Resultat -->
<div class="resultat">
<span id="password">Générateur de mot de passe</span>
</div>
<div>
<label id="nbDigits-range-label"
for="nbDigits-range">Longueur ()</label>
<input type="range" name="nbDigits-range" id="nbDigits-range"
value="16" min="4" , max="40" step="1">
</div>
<!-- Paramètres -->
<table>
<tr>
<td>
<input type="checkbox"
id="caps-checkbox" name="caps-checkbox">
<label for="caps-checkbox">Majuscules</label>
</td>
<td>
<input type="checkbox"
id="numbers-checkbox" name="numbers-checkbox">
<label for="numbers-checkbox">Nombres</label>
</td>
<td>
<input type="checkbox"
id="specials-checkbox" name="specials-checkbox">
<label for="specials-checkbox">Caractères spéciaux</label>
</td>
<td>
<input type="button"
id="submit-button" value="Generate">
</td>
</tr>
</table>
</div> </div>
<script src="scripts/main.js"></script> <script src="scripts/main.js"></script>
@@ -72,7 +69,7 @@
function updateNbDigitsRange() { function updateNbDigitsRange() {
var nbDigits = nbDigitsRange.value var nbDigits = nbDigitsRange.value
nbDigitsRangeLabel.innerHTML = `Longueur (${nbDigits})` nbDigitsRangeLabel.innerHTML = `Length (${nbDigits})`
} }
/* HTML Elements */ /* HTML Elements */