From a8ba3505473224c0696724a56898ed40ae19787f Mon Sep 17 00:00:00 2001 From: nea Date: Sun, 27 Nov 2022 21:04:03 +0100 Subject: drawbot --- index.html | 24 ++++++++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index a3b605d..ea4fdbc 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,11 @@ margin: 0; } + #app { + margin: 0 auto; + width: fit-content; + } + .board { border: 2px solid black; font-size: 20px; @@ -45,13 +50,20 @@ border: crimson solid 1px; } + .status { + text-align: center; + font-family: sans-serif; + } + .invisible { display: none !important; } -

You are white

Connection closed

@@ -78,7 +90,7 @@ let board = document.createElement("table") board.className = "board" this.fields = {}; - for (let i = 0; i < 8; i++) { + for (let i = 7; i >= 0; i--) { let row = document.createElement("tr") row.className = "board-row" for (let j = 0; j < 8; j++) { @@ -97,6 +109,9 @@ board.appendChild(row) } elem.appendChild(board) + this.turnIndicator = document.createElement('p') + this.turnIndicator.className = "turn-indicator status" + elem.appendChild(this.turnIndicator) } playMove(fromField, toField) { @@ -120,6 +135,7 @@ } synchronizeBoard() { + this.turnIndicator.innerHTML = `${capitalize(this.boardState.turn)}s turn` for (let field in this.fields) { this.fields[field].innerHTML = "" if (this.boardState[field]) { @@ -135,6 +151,10 @@ } } + function capitalize(thing) { + return thing.replace(/\b./, x => x.toUpperCase()) + } + function indiciesToFieldName(row, col) { return "abcdefgh".at(col) + (row + 1) } -- cgit