jeudi 16 septembre 2021

How can I redirect users after they logged in with if/else statement (JavaScript)?

I am learning JavaScript so I decided to make a small project of simple if/else statement login. Everything is fine, but it is not redirecting.

If you know what I am doing wrong please help me in simple language because I am learning it.

'use strict'
function validate(){
    var username=document.getElementById('login-username').value;
    var passowrd=document.getElementById('login-password').value;

    if (username === "daksh" && passowrd === 'daksh'){
        alert('You have sucessfully logged in');
        window.location.href("http://stackoverflow.com");
    } else{
        alert('Wrong username or password');
        return true;
    }
}
<!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">
  <link rel="stylesheet" href="login.css">
  <title>Login</title>
  <script src="login.js"></script>
</head>

<body>
  <DIV class="container">
    <form method="POST" class="login-form">
      <h1 class="login-heading">LOGIN FORM</h1>
      <input type="text" placeholder="User Name" id="login-username">
      <br><br>
      <input type="password" placeholder="Password" id="login-password">
      <br><br><br>
      <input type="submit" value="Login" id="login-submit" onclick="validate()">
    </form>
  </DIV>

</body>

</html>

Aucun commentaire:

Enregistrer un commentaire