diff options
| author | lonkaars <l.leblansch@gmail.com> | 2021-02-19 20:32:24 +0100 |
|---|---|---|
| committer | lonkaars <l.leblansch@gmail.com> | 2021-02-19 20:32:24 +0100 |
| commit | 0ddd056990d33f335cefc7f0a633e837ce7e116a (patch) | |
| tree | b15df5c9ce1d2eb251a0e21cf701ee08cb5a4c2c /pages | |
| parent | 1787205f04c9008a753618839bc8da72708f5cab (diff) | |
working connect 4 game on website
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 1 | ||||
| -rw-r--r-- | pages/game.tsx | 12 |
2 files changed, 6 insertions, 7 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 23f9f79..8bf06e2 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,5 +1,6 @@ import '../styles/global.css'; import '../styles/dark.css'; +import '../styles/disk.css'; export default function VierOpEenRijWebsite({ Component, pageProps }) { return <Component {...pageProps}/> diff --git a/pages/game.tsx b/pages/game.tsx index f49e248..8be8f5a 100644 --- a/pages/game.tsx +++ b/pages/game.tsx @@ -59,6 +59,10 @@ class VoerGame extends Component<VoerGameProps> { this.io.on("disconnect", () => { console.log("disconnect") }) + this.io.on("fieldUpdate", (data: { field: string }) => { + for(let i = 0; i < data.field.length; i++) + document.getElementById(`pos-${i}`).parentNode.children.item(1).classList.add(`state-${data.field[i]}`); + }) } io: Socket; @@ -76,7 +80,6 @@ class VoerGame extends Component<VoerGameProps> { userID = ""; move(column: number) { - console.log(column) if(this.state.userID == "") { axios.request<userInfo>({ method: "get", @@ -86,12 +89,7 @@ class VoerGame extends Component<VoerGameProps> { .then(request => this.setState({ userID: request.data.id })) .catch(() => {}); } - console.log("emitted this", { - move: column, - token: cookies.load("token"), - gameID: "fortnite" - }) - this.io.emit("new_move", { + this.io.emit("newMove", { move: column, token: cookies.load("token"), gameID: "fortnite" |