password.html

<!DOCTYPE html>
<html lang="en">
    <script src="background.js" defer></script>
        <script src="cursor.js" defer></script>
    <link rel="stylesheet" href="main.css" type="text/css">
    <canvas id="canvas"></canvas>
    <div class="overlay"><h1 class="bigtitle">Verification:</h1>
    <div class="passwordinput"><input type="text" id="passwordinput" class="passwordinput" placeholder="Enter the password:">
    <button onclick="Enter()" class="passwordinput" id="enterButton">Enter</button></div>
    </div>
    <script>
        function Enter() {
            const input = document.getElementById('passwordinput').value;
            let password = "neerhad123";
            if (input != password) {
                alert('Incorrect password. Try again.');
                return;
            } else if (input === password) {
                alert('Correct! Access granted.');
                alert('Beware! You will be lead to a secret website. Do not tell anyone about it, nor the password!');
                setTimeout(() => {
                    window.location.href = "loadingpage.html";
                    }, 500);
            }
        }
        document.getElementById("enterButton").addEventListener("click", Enter);
        document.addEventListener("keydown", function (event) {
            if (event.key === "Enter") {
                Enter();
            }
        });
    </script>
    </html>