1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
< html lang ="en ">
3
3
4
4
< head >
5
- < meta charset ="UTF-8 ">
6
- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
7
- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
8
- < title > Random Password Generator</ title >
9
- < link rel ="stylesheet " href ="style.css ">
10
- < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js "> </ script >
11
-
5
+ < title > Password Generator</ title >
6
+ <!-- Required meta tags -->
7
+ < meta charset ="utf-8 ">
8
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
9
+ <!-- CSS File -->
10
+ < link rel ="stylesheet " href ="./styles.css ">
11
+ <!-- Bootstrap CSS -->
12
+ < link rel ="stylesheet " href ="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css "
13
+ integrity ="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T " crossorigin ="anonymous ">
12
14
</ head >
13
15
14
16
< body >
15
-
16
-
17
-
18
- < div class ="container ">
19
-
20
- < h1 > RANDOM PASSWORD GENERATOR</ h1 >
21
- < br /> < br />
22
- < input type ="number " max ="20 " min ="4 " step ="2 " value ="4 " width ="100 ">
23
- < br /> < br />
24
- < button class ="LightBar " role ="button "> Generate Your Password</ button >
25
- < br /> < br />
26
- < code id ="pass "> </ code >
27
-
28
- < a href ="https://github.com/RAHULBAWA777 " class ="watermark "> made with ❤ by RAHULBAWA</ a >
29
- </ div >
30
- < script src ="script.js "> </ script >
31
-
17
+ < h1 > Password Generator</ h1 >
18
+ < div class ="container h-100 align-items-center ">
19
+ < form action ="" name ="passwordGenerator ">
20
+ < strong > Enter Password Length :</ strong > < input type ="text " name ="length " size ="1 " value ="6 " class ="typing "> < br >
21
+
22
+ < input type ="text " id ="passwordInput " name ="output " class ="result " placeholder ="Password .. "> < br >
23
+ < input type ="button " class ="submitBtn " value ="Generate Password " onclick ="populateform(this.form.length.value) ">
24
+ </ form >
25
+ </ div >
26
+ < script src ="./index.js "> </ script >
27
+ <!-- Optional JavaScript -->
28
+ <!-- jQuery first, then Popper.js, then Bootstrap JS -->
29
+ < script src ="https://code.jquery.com/jquery-3.3.1.slim.min.js "
30
+ integrity ="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo "
31
+ crossorigin ="anonymous "> </ script >
32
+ < script src ="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js "
33
+ integrity ="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1 "
34
+ crossorigin ="anonymous "> </ script >
35
+ < script src ="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js "
36
+ integrity ="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM "
37
+ crossorigin ="anonymous "> </ script >
32
38
</ body >
33
39
34
40
</ html >
0 commit comments