tanks

round.mjs

 1import {Player} from "./player.mjs"
 2
 3function results(round) {
 4    let tbody = document.querySelector("#results tbody")
 5
 6    for (let tank of round.tanks) {
 7        let tr = tbody.appendChild(document.createElement("tr"))
 8
 9        let tdSwatch = tr.appendChild(document.createElement("td"))
10        tdSwatch.class = "swatch"
11        tdSwatch.style.backgroundColor = tank.color
12        tdSwatch.textContent = "#"
13
14        let tdName = tr.appendChild(document.createElement("td"))
15        tdName.textContent = tank.name
16        
17        tr.appendChild(document.createElement("td")).textContent = tank.kills
18        tr.appendChild(document.createElement("td")).textContent = tank.death
19        tr.appendChild(document.createElement("td")).textContent = round.tanks[tank.killer]?.name
20        tr.appendChild(document.createElement("td")).textContent = `${tank.error} @${tank.errorPos}`
21    }
22}
23
24async function init() {
25    let canvas = document.querySelector("#battlefield")
26    let ctx = canvas.getContext("2d")
27    let player = new Player(ctx)
28
29    let indexResp = await fetch("rounds/index.json")
30    let index = await indexResp.json()
31
32    let recentFn = index[index.length - 1]
33    console.log(recentFn)
34
35    let roundResp = await fetch(`rounds/${recentFn}`)
36    let round = await roundResp.json()
37    player.load(round)
38    results(round)
39}
40
41init()