completed

Mehak-Kamran · Mehak-Kamran · commit 0b0aa6789df8 · 2024-02-26T18:18:43.000Z
diff --git a/Projects/Randompassgen/app.js b/Projects/Randompassgen/app.js
@@ -0,0 +1,38 @@
+let button=document.querySelector(".bttn")
+let text=document.querySelector("#in")
+let k=text.value
+let im=document.querySelector(".copy")
+console.log(im)
+
+
+let genranpass= ()=>{
+
+    let collection="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()-_=+";
+    let len=12;
+    password=''
+
+     for(i=1;i<=len;i++){
+
+        let index=Math.floor(Math.random()*collection.length)
+        pass=collection[index]
+        password+=pass
+    
+     }
+     return password;
+    
+
+}
+
+button.addEventListener("click",(event)=>{
+    console.log(button)
+    let output=genranpass()
+    console.log(output)
+    text.value=output
+    
+    
+})
+
+im.addEventListener("click",(event)=>{
+    text.select()
+    document.execCommand("copy");
+})
diff --git a/Projects/Randompassgen/style.css b/Projects/Randompassgen/style.css
@@ -3,14 +3,14 @@
     padding: 0;
 }
 body{
-    background-color: #5C415D;
+    background-color: #0B5563;
 }
 .maincontainer{
     margin: 10%;
     color: #fff;
 }
 .sp1{
-    color: #FFFC31;
+    color: #A1E8AF;
 }
 .dis{
     background-color: #fff;
@@ -34,4 +34,15 @@ body{
     outline: 0;
     
     
+}
+.bttn{
+    border: none;
+    background-color: #A1E8AF;
+    border-radius: 10px;
+    color: #0B5563;
+    padding: 8px;
+    font-weight: bold;
+    
+
+
 }
