FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

Pratice_Project_JavaScript-/PaswordGenerator/Pass_Gen.html at main · phuthuy44/Pratice_Project_JavaScript- · GitHub

47 lines (44 loc) · 1.7 KB

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />

<link href="./Pass_Gen.css" rel="stylesheet" />

<title>Password Generator</title>

</head>

<body>

<div class="container">

<h2>Password Generator</h2>

<div class="result-container">

<span id="result"></span>

<button class="btn" id="clipboard">

<i class="far fa-clipboard"></i>

</button>

</div>

<div class="settings">

<div class="setting">

<label>Password Length</label>

<input type="number" id="length" min="4" max="20" value="20">

</div>

<div class="setting">

<label>Include uppercase letters</label>

<input type="checkbox" id="uppercase" checked>

</div>

<div class="setting">

<label>Include lowercase letters</label>

<input type="checkbox" id="lowercase" checked>

</div>

<div class="setting">

<label>Include numbers</label>

<input type="checkbox" id="numbers" checked>

</div>

<div class="setting">

<label>Include symbols</label>

<input type="checkbox" id="symbols" checked>

</div>

</div>

<button class="btn btn-large" id="generate">Generate Password</button>

</div>

</body>

<script src="/JavaScript/PaswordGenerator/Pas_Gen.js"></script>

</html>

Back | FazBrowse Home | New Git URL