ts

1 files changed, 32 insertions, 0 deletions

diff --git a/client/src/logic/ui.ts b/client/src/logic/ui.ts
new file mode 100644
index 0000000..5706843
--- /dev/null
+++ b/client/src/logic/ui.ts
@@ -0,0 +1,32 @@
+import { GameState } from "../types.js"
+
+export const updateUI = (data: GameState) => {
+
+    const player_display = document.getElementById("players")
+
+    for (const id in data.players) {
+
+        const player = data.players[id]
+        
+        if (!player) {
+            continue
+        }
+
+        let name = player.name
+
+        if (!name) {
+            continue
+        }
+
+        let element_id = 'span' + id 
+        let element = player_display.children[element_id]
+
+        if (!element) {
+            let span = document.createElement("span")
+            span.textContent = `[${id}] ${name}`
+            span.id = element_id
+            player_display.appendChild(span)
+        }
+    }
+
+}