Random-password generator program added

Aayush987 · Aayush987 · commit d0842b64e45c · 2022-04-08T23:13:33.000+05:30
diff --git a/Random-password-generator/README.md b/Random-password-generator/README.md
@@ -0,0 +1,9 @@
+# Random Password Generator
+
+- Random password generator program using html,css and javascript.
+
+- Generates upto 4 random passwords of length 6.
+
+# Screenshots
+
+<img src="https://i.ibb.co/D92Pgr8/random-pass.png" alt="random-pass" border="0">
diff --git a/Random-password-generator/index.css b/Random-password-generator/index.css
@@ -0,0 +1,42 @@
+body {
+    background:  #ECFDF5;
+}
+h1 {
+    color: black;
+    font-family: 'Inter';
+    filter: drop-shadow(8px 8px 10px black);
+    
+} 
+#al {
+    font-family: 'Inter';
+    filter: drop-shadow(8px 8px 10px red);
+}
+h4 {
+    color: #6B7280;
+    font-family: 'Inter';
+    filter: drop-shadow(8px 8px 10px brown);
+}
+button {
+    position: static;
+    height: 24px;
+    left: 47px;
+    top: 9px;
+    padding-top: 2px;
+    padding-bottom: 2px;
+    margin: 0px 10px;
+    background: lightgreen;
+    color: darkgreen;
+    font-family: 'Inter';
+    font-size: 16px;
+    border: green;
+    filter: drop-shadow(8px 8px 10px green);
+    cursor: pointer;
+}
+p {
+text-align: center;
+color: lightgreen;
+background: #273549;
+padding: 10px;
+
+
+}
diff --git a/Random-password-generator/index.html b/Random-password-generator/index.html
@@ -0,0 +1,17 @@
+<html>
+    <head>
+        <link rel="stylesheet" href="index.css">
+    </head>
+    <body> 
+        <h1 align = "center">Generate a 
+            <br><div id ="al">random password</div>
+        </h1>
+        <h4 align = "center"><b>Never use an insecure password again.</b></h4>
+        <button id = "password" onclick="generate()"><b>Generate passwords</b></button>    
+        <p id ="password-1">Password-1</p>
+        <p id ="password-2">Password-2</p>
+        <p id ="password-3">Password-3</p>
+        <p id ="password-4">Password-4</p>
+        <script src="index.js"></script>
+    </body>
+</html>
diff --git a/Random-password-generator/index.js b/Random-password-generator/index.js
@@ -0,0 +1,31 @@
+let pass1 = document.getElementById("password-1");
+let pass2 = document.getElementById("password-2");
+let pass3 = document.getElementById("password-3");
+let pass4 = document.getElementById("password-4");
+
+let arr = [];
+let arr1 = [];
+let arr2 = [];
+let arr3 = [];
+let arr4 = [];
+for (let i = 65 ; i < 123 ; i++ ) {
+    arr += String.fromCharCode(i)     // String.fromCharCode is used to generate alphabet from its                                       ascii values
+}
+console.log(arr[2])
+function generate() {
+    for (let j = 1; j < 9 ; j++ ) {
+    arr1 += arr[Math.floor(Math.random() * 58)]
+    arr2 += arr[Math.floor(Math.random() * 58)] 
+    arr3 += arr[Math.floor(Math.random() * 58)] 
+    arr4 += arr[Math.floor(Math.random() * 58)]   
+}
+pass1.textContent = arr1;
+pass2.textContent = arr2;
+pass3.textContent = arr3;
+pass4.textContent = arr4;
+
+arr1 = []
+arr2 = []
+arr3 = []
+arr4 = []
+}
