<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Sessions</title>
    </head>
    <body>
        <input id="room-name-input" type="text" size="100" /><br />
        <input id="room-name-submit" type="button" value="Enter" />
        <script>
            document.querySelector("#room-name-input").focus();
            document.querySelector("#room-name-input").onkeyup = function (e) {
                if (e.key === "Enter") {
                    // enter, return
                    document.querySelector("#room-name-submit").click();
                }
            };
            document.querySelector("#room-name-submit").onclick = function (e) {
                var roomName = document.querySelector("#room-name-input").value;
                window.location.pathname =
                    "/voting/session/" + roomName + "/test";
            };
        </script>
    </body>
</html>
