password.html

<!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>Enter password - Trivago</title>
    <link rel="stylesheet" href="styles/password.css">
    <link rel="icon" type="image/x-icon" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRdeXTVDu67JZDJNNRO9MhA7OBpUHYgEC54aw&usqp=CAU">
</head>
<body>
    <div id="container">
        <div id="logo">
          <img
            src="https://auth.trivago.com/_static/icons/logo.svg"
            alt="trivago logo"
          />
        </div>
        <div id="main">
          <h1>
            Enter your password
          </h1>
  
          <!-- form for enter password -->
  
          <form id="loginForm"  onsubmit="handlepassword(event)">    
            <label
              data-testid="password-input-label"
              for="email"
              class="BaseInput_label__SGD71"
              >Password</label
            >
  
            <input
              class="pw"
              id="password"
              type="password"
              name="password
              aria-invalid="false"
              autocomplete="current-password"
              autocapitalize="none"
              spellcheck="false"
            />
           
            <button type="submit" id="login" onclick="submitdata()">Log in
            </button>
          </form>
          <a href="forgetpw.html"> <p>
            Forgot your password? </p> </a>
        </div>
</body>
</html>


<script src="scripts/password.js"></script>