diff --git a/Hide-show-pass/.DS_Store b/Hide-show-pass/.DS_Store new file mode 100644 index 0000000..7ae5098 Binary files /dev/null and b/Hide-show-pass/.DS_Store differ diff --git a/Hide-show-pass/.vscode/settings.json b/Hide-show-pass/.vscode/settings.json new file mode 100644 index 0000000..3b66410 --- /dev/null +++ b/Hide-show-pass/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "git.ignoreLimitWarning": true +} \ No newline at end of file diff --git a/Hide-show-pass/Images/.DS_Store b/Hide-show-pass/Images/.DS_Store new file mode 100644 index 0000000..1d0a3cc Binary files /dev/null and b/Hide-show-pass/Images/.DS_Store differ diff --git a/Hide-show-pass/Images/open.png b/Hide-show-pass/Images/open.png new file mode 100644 index 0000000..1aed309 Binary files /dev/null and b/Hide-show-pass/Images/open.png differ diff --git a/Hide-show-pass/Images/shut.png b/Hide-show-pass/Images/shut.png new file mode 100644 index 0000000..d68b40d Binary files /dev/null and b/Hide-show-pass/Images/shut.png differ diff --git a/Hide-show-pass/README.md b/Hide-show-pass/README.md new file mode 100644 index 0000000..f4d6a75 --- /dev/null +++ b/Hide-show-pass/README.md @@ -0,0 +1,2 @@ +Hide/Show password +A project made using HTML, CSS and JS which can be integrated easily to your website for better security when entering password in public spaces.} \ No newline at end of file diff --git a/Hide-show-pass/index.html b/Hide-show-pass/index.html new file mode 100644 index 0000000..af9dcb9 --- /dev/null +++ b/Hide-show-pass/index.html @@ -0,0 +1,16 @@ + + + + + + Hide/Show pass + + + +
+ + error +
+ + + \ No newline at end of file diff --git a/Hide-show-pass/script.js b/Hide-show-pass/script.js new file mode 100644 index 0000000..89cc721 --- /dev/null +++ b/Hide-show-pass/script.js @@ -0,0 +1,13 @@ +let eyeicon = document.getElementById("eyeicon"); +let password = document.getElementById("password"); + +eyeicon.onclick = function(){ + if(password.type == "password"){ + password.type = "text"; + eyeicon.src = "./Images/open.png"; + } + else{ + password.type = "password"; + eyeicon.src = "./Images/shut.png"; + } +} \ No newline at end of file diff --git a/Hide-show-pass/style.css b/Hide-show-pass/style.css new file mode 100644 index 0000000..28d5af3 --- /dev/null +++ b/Hide-show-pass/style.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; + box-sizing: border-box; +} + +body{ + background: #00008B; +} + +.input-box{ + background: #fff; + width: 90%; + max-width: 500px; + border-radius: 5px; + padding: 10px 20px; + margin: 300px auto; + display: flex; + align-items: center; +} + +.input-box input{ + width: 100%; + padding: 10px 0; + border: 0; + outline: 0; + font-size: 24px; + color: #555; +} + +.input-box img{ + width: 35px; + cursor: pointer; +} + +img{ + width: 35px; + cursor: pointer; +} \ No newline at end of file