Kaynağa Gözat

add toggling - type password

serg155alternate 2 yıl önce
ebeveyn
işleme
17e9ac294b
1 değiştirilmiş dosya ile 29 ekleme ve 5 silme
  1. 29 5
      HW10 Closures and scopes/oop/oop-closures.js

+ 29 - 5
HW10 Closures and scopes/oop/oop-closures.js

@@ -32,18 +32,19 @@ function Password(parent = document.body, open = false){
         if (typeof this.onChange === 'function')
             this.onOpenChange(readProp);
         readProp = !readProp;
-        btn.innerText = readProp ? 'show' : 'hide' ;
+        btn.innerText = readProp ? 'show' : 'hide';
+        if (readProp){
+            console.log(input);
+           input.setAttribute('type','password')
+       } else input.setAttribute('type','text')
 
         }
 
-    
     this.getValue = () => value;
     this.getOpen = () => readProp;  
 }
 
 
-
-
  let p = new Password(root, true)
 
     p.onChange = data => console.log(data)
@@ -53,4 +54,27 @@ function Password(parent = document.body, open = false){
     console.log(p.getValue())
 
     p.setOpen(true)
-    //console.log(p.getOpen()) 
+    //console.log(p.getOpen()) 
+
+
+
+
+/* 
+    LoginForm
+С помощью предыдущего кода Password сделайте форму логина, кнопка в которой будет активна только если и login и пароль не пусты */
+/* 
+
+
+
+LoginForm Constructor
+оформите предыдущую задачу как функцию-конструктор. Продумайте и предусмотрите геттеры, сеттеры и колбэки. */
+
+
+
+
+
+
+/* Password Verify
+С помощью Password сделайте пару инпутов, которые проверяют введеный пароль (в двух полях ввода) на совпадение. Кнопка должна активизироваться при совпадающих паролях. При открытом пароле второе поле вводы должно пропадать с экрана Таким образом:
+Когда Password в скрытом режиме - появляется второй инпут (<input type='password'>) с паролем в скрытом режиме
+Когда Password в открытом режиме - второй инпут пропадат */