fix hw10

10/script.js

@@ -210,34 +210,61 @@ function LoginFormConstructor() {
 }
 
 //Password Verify
-let pass1 = new Password(containerForm1, true);
-let pass2 = new Password(containerForm1, true);
+let firstPass = new Password(containerForm1, true);
+let secondPass = document.createElement('input');
+secondPass.type = 'password';
+secondPass.placeholder = 'password';
+secondPass.style.visibility = 'visible';
+containerForm1.append(secondPass);
 
 let btn = document.createElement('button');
 btn.textContent = 'Checked';
 btn.disabled = true;
 containerForm1.append(btn);
 
-let secondPass = document.createElement('input');
-secondPass.type = 'password';
-secondPass.style.visibility = 'hidden';
-containerForm1.append(secondPass);
-
 function check(){
-    btn.disabled = pass1.getValue() !== pass2.getValue();
+    btn.disabled = firstPass.getValue() !== secondPass.value;
 }
-btn.onclick = () => {
-    if (btn.disabled === false) {
-        if (pass1.getOpen() === false && pass2.getOpen() === false) {
-            secondPass.value = pass1.getValue();
-            secondPass.style.visibility = 'visible';
-        }
-        else if(pass1.getOpen() === true && pass2.getOpen() === true) {
-            secondPass.value = pass1.getValue();
-            secondPass.style.visibility = 'hidden';
-        }
+
+firstPass.onChange = () => {
+    check();
+    if (firstPass.getOpen() === false){
+        secondPass.style.visibility = 'visible';
+    }
+    else if(firstPass.getOpen() === true) {
+        secondPass.style.visibility = 'hidden';
     }
 }
-pass1.onChange = () => check();
-pass2.onChange = () => check();
+secondPass.oninput = () => check();
+
 
+// let pass1 = new Password(containerForm1, true);
+// let pass2 = new Password(containerForm1, true);
+//
+// let btn = document.createElement('button');
+// btn.textContent = 'Checked';
+// btn.disabled = true;
+// containerForm1.append(btn);
+//
+// let secondPass = document.createElement('input');
+// secondPass.type = 'password';
+// secondPass.style.visibility = 'hidden';
+// containerForm1.append(secondPass);
+//
+// function check(){
+//     btn.disabled = pass1.getValue() !== pass2.getValue();
+// }
+// btn.onclick = () => {
+//     if (btn.disabled === false) {
+//         if (pass1.getOpen() === false && pass2.getOpen() === false) {
+//             secondPass.value = pass1.getValue();
+//             secondPass.style.visibility = 'visible';
+//         }
+//         else if(pass1.getOpen() === true && pass2.getOpen() === true) {
+//             secondPass.value = pass1.getValue();
+//             secondPass.style.visibility = 'hidden';
+//         }
+//     }
+// }
+// pass1.onChange = () => check();
+// pass2.onChange = () => check();