client/src/logic/ui.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

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)
        }
    }

}