From 292257d627bd1dfeafd772ac6457e2f54c2b73ba Mon Sep 17 00:00:00 2001
From: Maks Jopek <maksymilian.jopek@prym-soft.pl>
Date: Sun, 4 Apr 2021 01:53:24 +0200
Subject: One step closer to the end

---
 frontend/ts/login.ts | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 frontend/ts/login.ts

(limited to 'frontend/ts/login.ts')

diff --git a/frontend/ts/login.ts b/frontend/ts/login.ts
new file mode 100644
index 0000000..4ef46ab
--- /dev/null
+++ b/frontend/ts/login.ts
@@ -0,0 +1,26 @@
+import startGame from "./startGame.js";
+
+let html = /* html */ `
+	<div class="container text-center fs-1" style="margin-top: 45vh;">
+  	<label for="username">Vad heter du?</label>
+		<input type="text" name="username" required>
+		<button type="button" class="btn btn-light btn-lg" onclick="login">Starta spelet</button>
+  </div>
+`;
+
+async function login() {
+  let username = document.getElementsByTagName("input")[0].innerHTML,
+    res = await fetch("/login", {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ username: username })
+    });
+  res = await res.json();
+  startGame(res);
+}
+
+document.body.innerHTML = html;
+document.getElementsByTagName("button")[0].onclick = login;
-- 
cgit v1.3.1