frontend/ts/login.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

import StartGame from "./startGame.js";
import Helpers from "../../helpers/helpers.js";

class Login {
  static 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.login">Starta spelet</button>
  </div>
`;

  static async start() {
    let res = await (await fetch("/startPoint")).json();
    if (res.status === true) {
      new StartGame({ data: res.data.data, uid: res.uid });
    } else {
      document.body.innerHTML = Login.html;
      document.getElementsByTagName("button")[0].onclick = () => Login.login();

      // !!
      document.getElementsByTagName("input")[0].value = "maks " + Helpers.getRandomInt(1, 100);
      document.title = document.getElementsByTagName("input")[0].value;
      document.getElementsByTagName("button")[0].click();
    }
  }

  static async login(username = "") {
    if (username === "")
      username = document.getElementsByTagName("input")[0].value;

    let res = await Helpers.mFetch("/login", { name: username });
    new StartGame(res);
  }
}
Login.start();