HW13 loginForm done

homework13js/script.js

@@ -1,118 +1,161 @@
 function Password(parent, open){
-    this.loginBox = document.createElement("input");
-    this.loginBox.setAttribute("type", "text");
-    parent.appendChild(this.loginBox)
-    this.loginBox.oninput = () =>  {
-        this.sendOnChange()
-        this.onChange(this.getValue(this.loginBox));
-    }
+    this.textBox = document.createElement("input")
+    this.textBox.setAttribute("type", "password")
+    parent.appendChild(this.textBox)
 
-    this.passwordBox = document.createElement("span");
-    parent.appendChild(this.passwordBox)
+    this.checkBox = document.createElement("input")
+    this.checkBox.setAttribute("type", "checkbox")
+    parent.appendChild(this.checkBox)
 
-    this.textBox = document.createElement("input");
-    this.textBox.setAttribute("type", "password");
-    this.passwordBox.appendChild(this.textBox);
-    this.textBox.oninput = () => {
-        this.onChange(this.getValue(this.textBox));
-        this.sendOnChange();
+    this.isChecked = function(checkBox, textBox) {
+        if(open === false){
+            this.textBox.setAttribute("type", "password") 
+          open = true;
+        } else { 
+            this.textBox.setAttribute("type", "text")
+            open = false;
+        }
     }
-
-
-    this.checkPassword = document.createElement("input");
-    this.checkPassword.setAttribute("type", "password")
-    this.passwordBox.appendChild(this.checkPassword)
-    this.checkPassword.oninput = () =>  {
-        this.sendOnChange();   
+    this.getValue = function(arg = this.textBox) {
+        return arg.value
+    }
+    this.setValue = function(inner) {
+        this.textBox.value = inner;
+    }
+    this.getOpen = function() {
+        let str;
+        open == true ? str = "closed" : str = "opened";
+        return str;
     }
 
-    this.checkBox = document.createElement("input");
-    this.checkBox.setAttribute("type", "checkbox");
-    parent.appendChild(this.checkBox);
+    this.onChange = function(arg) {
+        let data = this.getValue(arg);
+        return data;
+        
+    }
+    this.onOpenChange = function(arg) {
+        console.log(arg)
+        return arg
+    }
     this.checkBox.onchange = () =>  {
         this.isChecked(this.checkBox, this.textBox)
         this.onOpenChange(this.getOpen())
     };
+    this.textBox.oninput = () => this.onChange(this.getValue(this.textBox));
+    this.setOpen = function(arg) {
+        if(!arg == true){
+            this.checkBox.checked = "checked"
+        } else {
+            this.checkBox.checked = ""
+        }
+        this.isChecked()
+    }
+
+}
 
 
+function login(parent) {
+    this.loginBox = document.createElement("input");
+    this.loginBox.setAttribute("type", "text");
+    this.loginBox.setAttribute("value", "login")
+    parent.appendChild(this.loginBox);
+}
+    
+
+function send(parent) {
     this.sendBottom = document.createElement("button");
     this.sendBottom.setAttribute("disabled", true);
     this.sendBottom.innerText = "send";
-    this.sendOnChange = function() {
-        if(this.textBox.value != "" && this.loginBox.value != "" 
-        && this.textBox.value === this.checkPassword.value) {
-            return this.sendBottom.removeAttribute("disabled");
-        }  return this.sendBottom.setAttribute("disabled", true);
-    }  
     parent.appendChild(this.sendBottom)
+}
 
+function loginForm(parent) {
+    this.login = new login(parent);
+    this.login.loginBox.oninput = () => this.sendOnChange();
 
-    this.isChecked = function() {
 
-        if(open === false){
-            this.textBox.setAttribute("type", "password") 
-            this.checkPassword = document.createElement("input");
-            this.checkPassword.setAttribute("type", "password")
-            this.passwordBox.appendChild(this.checkPassword)
-            this.checkPassword.oninput = () =>  {
-                this.sendOnChange();   
-            }
-            return open = true;
-        } else { 
-
-            this.textBox.setAttribute("type", "text")           
-            this.checkPassword.remove()
-            this.sendBottom.setAttribute("disabled", true);
-            return open = false;
-        }
+    this.password = new Password(parent);
+    this.password.textBox.oninput = () => { this.sendOnChange()  
     }
+    
 
+    this.sendBottom = new send(parent)
 
-    this.getValue = function(arg = this.textBox) {
-        return arg.value
-    }
-
+    this.sendOnChange = function() {
+        if(this.login.loginBox.value != "" && this.password.textBox.value != "") {
+            return this.sendBottom.sendBottom.removeAttribute("disabled");
+        }  return this.sendBottom.sendBottom.setAttribute("disabled", true);
+    }  
 
-    this.setValue = function(inner, box = this.textBox) {
+    this.setValue = function(inner, box = this.password.textBox) {
         box.value = inner;
     }
+    this.setValue("qwerty")
+    this.sendOnChange()
 
+}
 
-    this.getOpen = function() {
-        let str;
-        open == true ? str = "closed" : str = "opened";
-        return str;
-    }
 
-    this.onChange = function(arg) {
-        let data = this.getValue(arg);
-        return data;
-        
-    }
 
 
 
-    this.setOpen = function(arg) {
-        if(!arg == true){
-            this.checkBox.checked = "checked"
+// let j = new loginForm(document.body)
+
+// j.setValue("Вооот")
+
+
+function passwordVerify(parent) {
+    this.login = new login(parent);
+    this.login.loginBox.oninput = () => this.sendOnChange();
+
+    this.checkPasswordBox = document.createElement("span");
+    parent.appendChild(this.checkPasswordBox);
+
+    this.password = new Password(this.checkPasswordBox);
+    this.password.checkBox.onchange = () =>  {
+        if(this.password.checkBox.checked) {
+            this.checkPassword.remove()
         } else {
-            this.checkBox.checked = ""
+            this.checkPassword = document.createElement("input");
+            this.checkPassword.setAttribute("type", "password");
+            this.checkPasswordBox.appendChild(this.checkPassword);
+            this.checkPassword.oninput = () => this.sendOnChange();
         }
-        this.isChecked()
-        
+        this.sendOnChange()
     }
+    
+    this.password.textBox.oninput = () => this.sendOnChange();
 
-}
+    this.checkPassword = document.createElement("input");
+    this.checkPassword.setAttribute("type", "password");
+    this.checkPasswordBox.appendChild(this.checkPassword);
+    this.checkPassword.oninput = () => this.sendOnChange();
 
-let p = new Password(document.body, true)
+    this.sendBottom = new send(parent);
 
-p.onChange = data => console.log(data)
+    this.setValue = function(inner, box = this.password.textBox) {
+        box.value = inner;
+    }
+    this.setValue("qwerty")
 
-p.onOpenChange = open => console.log(open)
+    this.sendOnChange = function() {
 
-p.setValue('qwerty')
-console.log(p.getValue())
+        if(this.password.checkBox.checked &&
+            this.login.loginBox.value != "" && 
+            this.password.textBox.value != "") {
+                return this.sendBottom.sendBottom.removeAttribute("disabled");
+            }
+        else {
+            if(this.login.loginBox.value != "" && 
+            this.password.textBox.value != "" &&
+            this.password.textBox.value === this.checkPassword.value) {
+                return this.sendBottom.sendBottom.removeAttribute("disabled");
+            }
+        }
+
+        return this.sendBottom.sendBottom.setAttribute("disabled", true);
+    }  
+
+}
+passwordVerify(document.body)
 
-p.setOpen(false)
-console.log(p.getOpen())
-p.setValue('login', p.loginBox)