Browse Source

some changes

Pavel 7 years ago
parent
commit
7a7b443f80
2 changed files with 27 additions and 15 deletions
  1. 14 1
      js01/task2/index.html
  2. 13 14
      js01/task2/js/main.js

+ 14 - 1
js01/task2/index.html

@@ -3,10 +3,21 @@
 <head>
 	<meta charset="UTF-8">
 	<title>js01_task2</title>
+	<style>
+		#success {
+			display: none;
+			color: green;
+		}
+
+		#wrong {
+			display: none;
+			color: red;
+		}
+	</style>
 </head>
 <body>
 	
-	<form>
+	<form >
 		<label for="login">Login: </label><br>
 		<input type="text" id="login"><br>
 		<label for="password">Password: </label><br>
@@ -15,6 +26,8 @@
 			<input type="submit" id="submit">
 		</p>
 	</form>
+	<div id="success">success</div>
+	<div id="wrong">Wrong login or password</div>
 	<script src="js/main.js"></script>
 </body>
 </html>

+ 13 - 14
js01/task2/js/main.js

@@ -1,20 +1,19 @@
-var credentials = {
-    login: 'admin',
-    password: 'qwerty',
-};
+var credentials = { 
+   	login: 'admin',
+    password: 'qwerty',};
 
 var userLogin;
 var userPassword;
-
-function func(){
-	userLogin = document.getElementById("login").value;
+function func(){ 
+  	userLogin = document.getElementById("login").value;
 	userPassword = document.getElementById("password").value;
-	if (userLogin === credentials.login && userPassword === credentials.password){
-		alert("Authorization completed");
-	}
-	else {
-		alert("Wrong login or password");
+ if (userLogin === credentials.login && userPassword === credentials.password){
+	document.getElementById("success").style.display="block";
+	return false;
+	} 
+	 else {
+	document.getElementById("wrong").style.display="block";
+	return false;
 	}
-}
-
+ }
 document.getElementById("submit").onclick = func;