GennadySht
/
HomeWork


			
							1234567891011121314151617181920212223242526272829303132333435
							/*Задание для синего пояса выполнено с участием черного)))  в след файле - задание выполнено мной..*/


<head>
</head>
<body>
  <div>
    <input id="login" type="text" size="20" placeholder="login" />
    <input id="pass" type="text" size="20" placeholder="password" />
    <button onclick="checkCredentialsBtnClick()" >
      Check Credentials
    </button>
    <br><br>
    <div id="result" style="display: inline-block;color:white;"></div>
    <script>
      var credentials = {
        login: 'admin',
        password: 'qwerty',
      };
      function checkCredentialsBtnClick(){
        login = document.getElementById('login').value;
        pass = document.getElementById('pass').value;
        result = document.getElementById('result');
        if (credentials['login'] == login && credentials['password'] == pass){
          result.style.backgroundColor = 'green';
          result.innerHTML = "OK!"
        }
        else{
          result.style.backgroundColor = 'red';
          result.innerHTML = "Wrong credentials!"
        }
      }
    </script>
  </div>
</body>