Dateien hochladen nach „“

2023-02-25 22:21:31 +01:00
parent 006f54ede8
commit cd70316d85
5 changed files with 213 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Passwort Sicherheits Check</title>
+        <link rel="stylesheet" type="text/css" href="style.css">
+    </head>
+    <body>
+        <div class="container">
+            <h2>Passwort Sicherheits Check</h2>
+                <div class="inputBox">
+                    <input type="password" placeholder="password"
+                    id="myPassword">
+                    <div class="show"></div>
+                </div>
+                <div class="strengthMeter"></div>
+        </div>
+
+        <script>
+            function Strength(password){
+                let i = 0;
+                if(password.length > 6){
+                    i++;
+                }
+                if(password.length >= 10){
+                    i++;
+                }
+                if(/[A-Z]/.test(password)){
+                    i++;
+                }
+                if(/[0-9]/.test(password)){
+                    i++;
+                }
+                if(/[A-Za-z0-8]/.test(password)){
+                    i++;
+                }
+                return i;
+            }
+
+            let container = document.querySelector('.container');
+            document.addEventListener("keyup", function(e){
+                let password = document.querySelector
+                ('#myPassword').value;
+
+                let strength = Strength(password);
+                if(strength <= 2){
+                    container.classList.add('weak');
+                    container.classList.remove('medium');
+                    container.classList.remove('strong');
+                } else if(strength >= 2 && strength <= 4){
+                    container.classList.remove('weak');
+                    container.classList.add('medium');
+                    container.classList.remove('strong');
+                } else {
+                    container.classList.remove('weak');
+                    container.classList.remove('medium');
+                    container.classList.add('strong');
+                }
+            })
+
+            let pswrd = document.querySelector('#myPassword');
+            let show = document.querySelector('.show');
+            show.onclick = function(){
+                if (pswrd.type === 'password'){
+                   pswrd.setAttribute('type', 'text');
+                   show.classList.add('hide');
+                }
+                else {
+                    pswrd.setAttribute('type', 'password');
+                    show.classList.remove('hide')
+                }
+            }
+        </script>
+    </body>
+</html>