LS1.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>REVIVE</title>

    <link rel="stylesheet" href="LS1.css" />
  </head>

  <body>
    <main id="main-holder">
      <h1 id="login-header">Login</h1>
      <div id="login-error-msg-holder">
        <p id="login-error-msg">
          Invalid username
          <span id="error-msg-second-line">and/or password</span>
        </p>
      </div>

      <form id="login-form">
        <input
          type="text"
          name="username"
          id="username-field"
          class="login-form-field"
          placeholder="Username"
        />
        <input
          type="password"
          name="password"
          id="password-field"
          class="login-form-field"
          placeholder="Password"
        />
        <input type="submit" value="Login" id="login-form-submit" />
      </form>
    </main>

    <script>
      const loginForm = document.getElementById("login-form");
      const loginButton = document.getElementById("login-form-submit");
      const loginErrorMsg = document.getElementById("login-error-msg");

      loginButton.addEventListener("click", (e) => {
        e.preventDefault();
        const username = loginForm.username.value;
        const password = loginForm.password.value;

        if (username == "admin" && password == "user123") {
          window.location.href = "menu1.html";
        } 
        else if(username=="paridhi_jain" && password=="paridhhii"){
          window.location.href="menu1.html";
        }
        else if(username=="varshney_palak"&& password=="varshney"){
          window.location.href="menu1.html";
        }
        else if(username=="khushi_rathi"&& password=="khhushii"){
          window.location.href="menu1.html";
        }
         {
          loginErrorMsg.style.opacity = 1;
        }
      });
    </script>
  </body>

</html>
