Untitled

<html>
 <head>
    <title>Host</title>
    <script>
        function validatePassword() {
            var password = document.getElementById("password").value;

            if (password == "1234"){
                alert("You are now the host");
                return true;
            }else{
                alert("Incorrect password, please try again.");
                return false;
            }
        }
    </script>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" type="image/x-icon" href="">
    <body>
        <div class="topnav">
            <a href="index.html">Home</a>
            <a href="play.html">Play</a>
            <a href="scores.html">Scores</a>
            <a class="active" href="host.html">Host</a>
        </div>

        <p class="welcome">
            Host
        </p>
        <p>Enter the password to host trivia:</p>
        <form onsubmit="return validatePassword()">
            <input id="password" name="password" type="text">
            <input type="submit" value="Submit">
        </form>
    </body>
</head>
</html>