Almost going in a circle

1 files changed, 22 insertions, 0 deletions

diff --git a/frontend/ts/gameTable.ts b/frontend/ts/gameTable.ts
new file mode 100644
index 0000000..c95ddb2
--- /dev/null
+++ b/frontend/ts/gameTable.ts
@@ -0,0 +1,22 @@
+import { Coordinates } from "../../helpers/helpersBack";
+
+export default class gameTable {
+    static numberOfSquaresOnGameBoard = 11;
+    static gameTable: HTMLTableElement;
+
+    static drawGameTable(): void {
+        for (let i = 0; i < gameTable.numberOfSquaresOnGameBoard; i++) {
+          let tr = document.createElement("tr");
+          for (let j = 0; j < gameTable.numberOfSquaresOnGameBoard; j++) {
+            let td = document.createElement("td");
+            td.classList.add("chequer");
+            td.dataset.count = '0';
+            tr.appendChild(td);
+          }
+          gameTable.gameTable.appendChild(tr);
+        }
+      }
+      static getTd(coords: Coordinates): HTMLElement {
+        return gameTable.gameTable.children[coords.y].children[coords.x] as HTMLElement;
+      }
+}
\ No newline at end of file