add click on password to copy in buffer

gusevgrishaem1 · Nov 9, 2024 · bb52c6e · bb52c6e
1 parent 2d8a558
commit bb52c6e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/script.js b/script.js
@@ -9,4 +9,18 @@ function generatePassword() {
     }
 
     document.getElementById('password').value = password;
-}
+}
+
+document.getElementById("password").addEventListener("click", function(){
+    const passwordField = document.getElementById("password");
+    passwordField.select();
+    passwordField.setSelectionRange(0, 99999);
+    navigator.clipboard.writeText(passwordField.value)
+        .then(() => {
+            alert('Password copied to clipboard!');
+        })
+        .catch(err => {
+            console.error('Failed to copy password: ', err);
+            alert('Failed to copy password.');
+        });
+})
diff --git a/styles.css b/styles.css
@@ -40,6 +40,7 @@ h1 {
     width: 100%;
     text-align: center;
     box-sizing: border-box;
+    cursor: pointer;
 }
 
 .password:focus {