From 80f859c514a69109b5c9a612e8f5b10a1d4f3334 Mon Sep 17 00:00:00 2001
From: ben <ben.voydie64@gmail.com>
Date: Fri, 5 Dec 2025 11:47:49 +0100
Subject: [PATCH] ajout mot de passe en clair avec js sur page de connexion

---
 .../page_de_connexion/page_de_connexion.html  |  6 ++++
 .../page_de_connexion/page_de_connexion.js    | 35 +++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 connexion/page_de_connexion/page_de_connexion.js

diff --git a/connexion/page_de_connexion/page_de_connexion.html b/connexion/page_de_connexion/page_de_connexion.html
index b3240aa..2d8f615 100644
--- a/connexion/page_de_connexion/page_de_connexion.html
+++ b/connexion/page_de_connexion/page_de_connexion.html
@@ -34,8 +34,13 @@
             <input
               type="password"
               class="form-control"
+              id="password"
               placeholder="••••••••"
             />
+            <label for="showPassword">
+            <input type="checkbox" id="showPassword" />
+              Voir le mot de passe
+            </label>
           </div>
 
           <button class="btn btn-primary w-100">Se connecter</button>
@@ -46,6 +51,7 @@
         </form>
       </div>
     </div>
+    <script src="page_de_connexion.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
   </body>
 </html>
diff --git a/connexion/page_de_connexion/page_de_connexion.js b/connexion/page_de_connexion/page_de_connexion.js
new file mode 100644
index 0000000..bdd88fd
--- /dev/null
+++ b/connexion/page_de_connexion/page_de_connexion.js
@@ -0,0 +1,35 @@
+const password = document.getElementById('password');
+const confirmPassword = document.getElementById('confirmPassword');
+const showPasswordCheckbox = document.getElementById('showPassword');
+
+
+
+
+
+showPasswordCheckbox.addEventListener('change', function() {
+    if (this.checked) {
+        password.type = 'text';
+        confirmPassword.type = 'text'; 
+
+    } else {
+        password.type = 'password';
+        confirmPassword.type = 'password'; 
+    }
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+