diff --git a/client/login.html b/client/login.html
index cc41333..30f0d2d 100644
--- a/client/login.html
+++ b/client/login.html
@@ -12,7 +12,7 @@
       <label for="password">Password</label>
       <input type="password" name="password" id="password">
 
-      <button onclick="login">Login</button>
+      <button onclick="login()">Login</button>
     </div>
     <script src="/login.js"></script>
   </body>
diff --git a/client/login.js b/client/login.js
index 7e457bb..242d5fa 100644
--- a/client/login.js
+++ b/client/login.js
@@ -2,6 +2,6 @@ function login() {
   const usernameInput = document.getElementById('username');
   const passwordInput = document.getElementById('password');
 
-  const token = btoa(`${usernameInput.textContent}:${passwordInput.textContent}`);
+  const token = btoa(`${usernameInput.value}:${passwordInput.value}`);
   document.cookie = `token=${String(token)}; path=/`;
 }
\ No newline at end of file
diff --git a/controller.go b/controller.go
index 5ba4b8a..52957d3 100644
--- a/controller.go
+++ b/controller.go
@@ -158,6 +158,9 @@ func (h *Handler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
 	case r.Method == "GET" && r.URL.Path == "/rsvps_list":
 		getStaticFile("./client/rsvps_list.html", "text/html", w)
 
+	case r.Method == "GET" && r.URL.Path == "/login":
+		getStaticFile("./client/login.html", "text/html", w)
+
 	case r.Method == "GET" && r.URL.Path == "/index.js":
 		getStaticFile("./client/index.js", "text/javascript", w)
 
@@ -167,6 +170,9 @@ func (h *Handler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
 	case r.Method == "GET" && r.URL.Path == "/rsvps_list.js":
 		getStaticFile("./client/rsvps_list.js", "text/javascript", w)
 
+	case r.Method == "GET" && r.URL.Path == "/login.js":
+		getStaticFile("./client/login.js", "text/javascript", w)
+
 	case r.Method == "GET" && r.URL.Path == "/style.css":
 		getStaticFile("./client/style.css", "text/css", w)