Home Explore Help
Sign In
Mitrofanova-Natali
/
homework
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

homework

Mitrofanova Natali 3 years ago
parent
761ab3d804
commit
278b82aab9
3 changed files with 88 additions and 0 deletions
Unified View Show Diff Stats
  1. 24 0
      login-password/index.html
  2. 33 0
      login-password/script.js
  3. 31 0
      login-password/style.css

+ 24 - 0
login-password/index.html
View File 

@@ -0,0 +1,24 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <link rel="stylesheet" href="style.css">
 
+</head>
 
+<body>
 
+    <div class="wrapper">
 
+        <p>Login :</p>
 
+        <input type="text" id="login">
 
+        <p>Password :</p>
 
+        <input type="password" id="password">
 
+        <button>Check</button>
 
+        <p class="result"></p>
 
+    </div>
 
+
 
+    
+
 
+    <script src="script.js"></script>
 
+</body>
 
+</html>

+ 33 - 0
login-password/script.js
View File 

@@ -0,0 +1,33 @@
 
+const credentials = {
 
+    login: 'admin',
 
+    password: 'qwerty',
 
+};
 
+
 
+const login = document.getElementById("login");
 
+const password = document.getElementById("password");
 
+const button = document.querySelector("button");
 
+const wrapper = document.querySelector(".wrapper");
 
+const result = document.querySelector(".result");
 
+
 
+button.addEventListener("click", check);
 
+login.addEventListener("keydown", handler);
 
+password.addEventListener("keydown", handler);
 
+
 
+function check() {
 
+    result.innerText = "";
 
+    result.classList = [];
 
+    if( credentials.login === login.value && credentials.password === password.value ){
 
+        result.classList.add("done");
 
+        result.innerText = "Done!";
 
+    } else {     
+        result.classList.add("fail");  
+        result.innerText = "*не верный логин или пароль";
 
+        
+    }
 
+}
 
+
 
+function handler(e) {
 
+    if( e.keyCode === 13 ){
 
+    check()
 
+    }
 
+}

+ 31 - 0
login-password/style.css
View File 

@@ -0,0 +1,31 @@
 
+body{
 
+    height: 100%;
 
+    width: 100%;
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+.wrapper{
 
+    border: 1px solid black;
 
+    padding: 30px 60px 50px;
 
+    margin: 0 auto;
 
+    display: flex;
 
+    flex-direction: column;
 
+}
 
+
 
+input{
 
+    width: 200px;
 
+}
 
+button{
 
+    margin-top: 30px;
 
+    width: 120px;
 
+    align-self: center;
 
+}
 
+p{
 
+    text-align: center;
 
+}
 
+.done{
 
+    color: green;
 
+}
 
+.fail{
 
+    color: red;
 
+}