diff --git a/dist/bundle.js b/dist/bundle.js index d39d018..5c2316f 100644 --- a/dist/bundle.js +++ b/dist/bundle.js @@ -1867,7 +1867,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Copy\", function() { return Copy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TooltipBlur\", function() { return TooltipBlur; });\n/* harmony import */ var _classes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./classes.js */ \"./src/classes.js\");\n/* harmony import */ var _services_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./services.js */ \"./src/services.js\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ \"./src/style.scss\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_scss__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\n\n\n\nlet conn\nlet gameOver = false\nlet player = new _classes_js__WEBPACK_IMPORTED_MODULE_0__[\"Player\"]()\nplayer.loadFromCookies()\nplayer.setCookies()\nlet game = new _classes_js__WEBPACK_IMPORTED_MODULE_0__[\"Game\"](player)\n\nconsole.debug(player)\nconsole.debug(game)\n\n/**\n * Initialize DOM variables\n */\nlet name = document.getElementById('name')\nlet nameLabel = document.getElementById('nameLabel')\nlet playerH1 = document.getElementById('player')\nlet status = document.getElementById('status')\nlet waiting = document.getElementById('waiting')\nlet turn = document.getElementById('turn')\nlet winner = document.getElementById('winner')\nlet draw = document.getElementById('draw')\nlet gameTable = document.getElementById('gameTable')\nlet instructions = document.getElementById('instructions')\nlet input = document.getElementById('shareLink')\nlet tooltip = document.getElementById(\"tooltip\")\nlet startGameForm = document.getElementById('startGameForm')\nlet joinGameForm = document.getElementById('joinGameForm')\nlet opponentTileColor = \"#992222\"\nlet tileColor = \"#229922\"\n\n/**\n * Setup\n */\nfunction _setup() {\n if (player.getName()) {\n name.value = player.getName()\n name.classList.add(\"hide\")\n nameLabel.classList.add(\"hide\")\n playerH1.innerText = \"Hi \" + player.getName()\n playerH1.classList.remove(\"hide\")\n }\n}\n_setup()\n\n\nfunction Copy (context) {\n console.debug(context.innerText)\n context.select()\n document.execCommand(\"Copy\")\n tooltip.innerHTML = \"Copied!\"\n}\nfunction TooltipBlur () {\n tooltip.innerHTML = \"Copy\"\n}\n\n\nif (window.WebSocket) {\n conn = new WebSocket(\"ws://\" + document.location.host + \"/ws\")\n conn.onclose = function (evt) {\n console.debug(\"Websocket Closed\")\n }\n conn.onmessage = function (evt) {\n let messages = evt.data.split('\\n')\n for (var i = 0; i < messages.length; i++) {\n let data = messages[i]\n try {\n data = JSON.parse(data)\n } catch (e) {\n console.error(\"Error parsing\", data)\n }\n console.debug(\"Message\", data)\n if (data.sender === player.getId()) {\n console.debug(\"My own message received and ignored\")\n return\n }\n switch(data.event) {\n case \"joining\":\n console.debug(\"Event: joining\")\n instructions.classList.add(\"hide\")\n game.players.push(data.player)\n console.debug(game)\n _yourTurn()\n _showGame()\n break\n case \"move\":\n console.debug(\"Event: move\")\n game.matrix[data.index] = data.player\n _updateTiles(data.index)\n _yourTurn()\n console.debug(game.matrix)\n break\n case \"winner\":\n console.debug(\"Event: winner\")\n game.matrix[data.index] = data.player\n _updateTiles(data.index)\n gameOver = true\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n winner.innerText = \"You lose... \" + game.getOpponentsName(player.getId()) + \" Wins!\"\n winner.classList.remove(\"hide\")\n _highlightBoard(data.positions)\n _dimBoard()\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n break\n case \"draw\":\n console.debug(\"Event: draw\")\n game.matrix[data.index] = data.player\n _updateTiles(data.index)\n gameOver = true\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n winner.innerText = \"Its a draw!\"\n winner.classList.remove(\"hide\")\n _dimBoard()\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n break\n }\n }\n }\n} else {\n console.error(\"TicTacToe can only be played in a browser that supports a WebSocket connection.\")\n}\n\n/**\n * BEGIN Document Listeners\n */\nif (startGameForm) {\n startGameForm.addEventListener('submit', event => {\n event.preventDefault()\n if (!_validateForm()) {\n return false\n }\n _createGame().then(resp => {\n startGameForm.classList.add(\"hide\")\n console.debug(\"_createGame() success\", resp)\n game.turn = resp.turn\n game.matrix = resp.matrix\n console.debug(\"Game:\", game)\n input.value = \"http://localhost/join/\" + game.getId()\n instructions.classList.remove(\"hide\")\n _waiting()\n // _yourTurn()\n // _showGame()\n }).catch(err => {\n console.debug(\"_createGame() error\", err)\n status.innerText = err.message.error\n status.classList.remove(\"hide\")\n })\n })\n}\nif (joinGameForm) {\n joinGameForm.addEventListener('submit', event => {\n event.preventDefault()\n if (!_validateForm()) {\n return false\n }\n _addPlayer().then(resp => {\n joinGameForm.classList.add(\"hide\")\n console.debug(\"_addPlayer() success\", resp)\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"joining\",\n player: {\n id: player.getId(),\n name: player.getName()\n }\n }))\n game.players.push(new _classes_js__WEBPACK_IMPORTED_MODULE_0__[\"Player\"](resp.players[0].id, resp.players[0].name))\n _theirTurn()\n _showGame()\n }).catch(err => {\n console.debug(\"_addPlayer() error\", err)\n status.innerText = err.message.error\n status.classList.remove(\"hide\")\n })\n })\n}\nif (gameTable) {\n document.querySelectorAll('.tile').forEach(element => {\n element.addEventListener('click', event => {\n if (gameOver) {\n console.debug(\"Game over\")\n event.preventDefault()\n return\n }\n let pos = event.target.id.split('_')[1]\n // validate its my turn\n if (game.turn !== player.getId()) {\n console.debug(\"Not my turn\")\n event.preventDefault()\n return\n }\n // validate position available\n if (game.matrix[pos]) {\n console.debug(\"Tile not free\")\n event.preventDefault()\n return\n }\n // set move\n game.matrix[pos] = player.getId()\n\n // show tile selected\n event.target.style.backgroundColor = tileColor\n\n // calculate if 3 tiles in a row\n let three = _threeInARow()\n if (three) {\n console.debug(\"You win!\")\n _highlightBoard(three)\n _dimBoard()\n gameOver = true\n winner.innerText = \"You Win!!!\"\n winner.classList.remove(\"hide\")\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"winner\",\n index: pos,\n player: player.getId(),\n winner: player.getId(),\n positions: three\n }))\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n event.preventDefault()\n return\n }\n\n if (_draw()) {\n console.debug(\"Draw!\")\n _dimBoard()\n gameOver = true\n winner.innerText = \"Its a draw!\"\n winner.classList.remove(\"hide\")\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"draw\",\n index: pos,\n player: player.getId(),\n winner: player.getId()\n }))\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n event.preventDefault()\n return\n }\n\n // send move via socket\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"move\",\n index: pos,\n player: player.getId()\n }))\n\n _theirTurn()\n })\n })\n}\n/**\n * END Document Listeners\n */\n\nfunction _validateForm() {\n if (!name.value) {\n status.innerText = \"Name is required.\"\n status.classList.remove(\"hide\")\n return false\n }\n player.setName(name.value)\n player.setCookies()\n status.classList.add(\"hide\")\n _greeting()\n return true\n}\nfunction _getUrl() {\n return document.location.protocol + '//' + document.location.host\n}\nfunction _greeting() {\n if (player.getName()) {\n playerH1.innerText = \"Hi \" + player.getName()\n playerH1.classList.remove(\"hide\")\n }\n}\nfunction _createGame() {\n let url = _getUrl()\n return _services_js__WEBPACK_IMPORTED_MODULE_1__[\"POST\"](`${url}/game`, JSON.stringify(game))\n}\nfunction _addPlayer() {\n let url = _getUrl()\n let gid = game.getId()\n let pid = player.getId()\n return _services_js__WEBPACK_IMPORTED_MODULE_1__[\"POST\"](`${url}/game/${gid}/player/${pid}`, JSON.stringify({ name: document.getElementById('name').value }))\n}\nfunction _showGame() {\n gameTable.classList.remove(\"hide\")\n}\nfunction _waiting() {\n waiting.innerText = \"Waiting for opponent\"\n waiting.classList.remove(\"hide\")\n}\nfunction _yourTurn () {\n if (waiting)\n waiting.classList.add(\"hide\")\n turn.innerText = \"Your Turn\"\n turn.classList.remove(\"hide\")\n game.turn = player.getId()\n}\nfunction _theirTurn () {\n game.setOpponentsTurn(player.getId())\n turn.innerText = _possessivizer(game.getOpponentsName(player.getId())) + \" Turn\"\n turn.classList.remove(\"hide\")\n}\nfunction _possessivizer(name) {\n if (name.charAt(name.length - 1) === \"s\") {\n return name + \"'\"\n } else {\n return name + \"'s\"\n }\n}\nfunction _updateTiles(index) {\n document.getElementById('pos_' + index).style.backgroundColor = opponentTileColor\n}\nfunction _threeInARow() {\n for (let i = 0; i <= 8; i) {\n if (game.matrix[i] && (game.matrix[i] === game.matrix[i + 1] && game.matrix[i] === game.matrix[i + 2]) ) {\n return [i, i + 1, i + 2]\n }\n i = i + 3\n }\n for (let i = 0; i <= 2; i++) {\n if (game.matrix[i] && (game.matrix[i] === game.matrix[i + 3] && game.matrix[i] === game.matrix[i + 6]) ) {\n return [i, i + 3, i + 6]\n }\n }\n if (game.matrix[0] && (game.matrix[0] === game.matrix[4] && game.matrix[0] === game.matrix[8])) {\n return [0, 4, 8]\n }\n if (game.matrix[2] && (game.matrix[2] === game.matrix[4] && game.matrix[2] === game.matrix[6])) {\n return [2, 4, 6]\n }\n return false\n}\nfunction _draw() {\n for (let i = 0; i < game.matrix.length; i++) {\n if (!game.matrix[i]) {\n return false\n }\n }\n return true\n}\nfunction _dimBoard() {\n document.querySelectorAll('td').forEach(el => el.classList.add(\"dim\"))\n}\n\nfunction _highlightBoard (positions) {\n for (let pos of positions) {\n document.querySelector('#pos_' + pos).classList.add(\"highlight\")\n }\n}\n\n//# sourceURL=webpack://ui/./src/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Copy\", function() { return Copy; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TooltipBlur\", function() { return TooltipBlur; });\n/* harmony import */ var _classes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./classes.js */ \"./src/classes.js\");\n/* harmony import */ var _services_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./services.js */ \"./src/services.js\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ \"./src/style.scss\");\n/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_scss__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\n\n\n\nlet conn\nlet gameOver = false\nlet player = new _classes_js__WEBPACK_IMPORTED_MODULE_0__[\"Player\"]()\nplayer.loadFromCookies()\nplayer.setCookies()\nlet game = new _classes_js__WEBPACK_IMPORTED_MODULE_0__[\"Game\"](player)\n\nconsole.debug(player)\nconsole.debug(game)\n\n/**\n * Initialize DOM variables\n */\nlet name = document.getElementById('name')\nlet nameLabel = document.getElementById('nameLabel')\nlet playerH1 = document.getElementById('player')\nlet status = document.getElementById('status')\nlet waiting = document.getElementById('waiting')\nlet turn = document.getElementById('turn')\nlet winner = document.getElementById('winner')\nlet draw = document.getElementById('draw')\nlet gameTable = document.getElementById('gameTable')\nlet instructions = document.getElementById('instructions')\nlet input = document.getElementById('shareLink')\nlet tooltip = document.getElementById(\"tooltip\")\nlet startGameForm = document.getElementById('startGameForm')\nlet joinGameForm = document.getElementById('joinGameForm')\nlet opponentTileColor = \"#992222\"\nlet tileColor = \"#229922\"\n\n/**\n * Setup\n */\nfunction _setup() {\n if (player.getName()) {\n name.value = player.getName()\n name.classList.add(\"hide\")\n nameLabel.classList.add(\"hide\")\n playerH1.innerText = \"Hi \" + player.getName()\n playerH1.classList.remove(\"hide\")\n }\n}\n_setup()\n\n\nfunction Copy (context) {\n console.debug(context.innerText)\n context.select()\n document.execCommand(\"Copy\")\n tooltip.innerHTML = \"Copied!\"\n}\nfunction TooltipBlur () {\n tooltip.innerHTML = \"Copy\"\n}\n\n\nif (window.WebSocket) {\n conn = new WebSocket(\"ws://\" + document.location.host + \"/ws\")\n conn.onclose = function (evt) {\n console.debug(\"Websocket Closed\")\n }\n conn.onmessage = function (evt) {\n let messages = evt.data.split('\\n')\n for (var i = 0; i < messages.length; i++) {\n let data = messages[i]\n try {\n data = JSON.parse(data)\n } catch (e) {\n console.error(\"Error parsing\", data)\n }\n console.debug(\"Message\", data)\n if (data.sender === player.getId()) {\n console.debug(\"My own message received and ignored\")\n return\n }\n switch(data.event) {\n case \"joining\":\n console.debug(\"Event: joining\")\n instructions.classList.add(\"hide\")\n game.players.push(data.player)\n console.debug(game)\n _yourTurn()\n _showGame()\n break\n case \"move\":\n console.debug(\"Event: move\")\n game.matrix[data.index] = data.player\n _updateTiles(data.index)\n _yourTurn()\n console.debug(game.matrix)\n break\n case \"winner\":\n console.debug(\"Event: winner\")\n game.matrix[data.index] = data.player\n _updateTiles(data.index)\n gameOver = true\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n winner.innerText = \"You lose... \" + game.getOpponentsName(player.getId()) + \" Wins!\"\n winner.classList.remove(\"hide\")\n _highlightBoard(data.positions)\n _dimBoard()\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n break\n case \"draw\":\n console.debug(\"Event: draw\")\n game.matrix[data.index] = data.player\n _updateTiles(data.index)\n gameOver = true\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n winner.innerText = \"Its a draw!\"\n winner.classList.remove(\"hide\")\n _dimBoard()\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n break\n }\n }\n }\n} else {\n console.error(\"TicTacToe can only be played in a browser that supports a WebSocket connection.\")\n}\n\n/**\n * BEGIN Document Listeners\n */\nif (startGameForm) {\n startGameForm.addEventListener('submit', event => {\n event.preventDefault()\n if (!_validateForm()) {\n return false\n }\n _createGame().then(resp => {\n name.classList.add(\"hide\")\n nameLabel.classList.add(\"hide\")\n startGameForm.classList.add(\"hide\")\n console.debug(\"_createGame() success\", resp)\n game.turn = resp.turn\n game.matrix = resp.matrix\n console.debug(\"Game:\", game)\n input.value = \"http://localhost/join/\" + game.getId()\n instructions.classList.remove(\"hide\")\n _waiting()\n // _yourTurn()\n // _showGame()\n }).catch(err => {\n console.debug(\"_createGame() error\", err)\n status.innerText = err.message.error\n status.classList.remove(\"hide\")\n })\n })\n}\nif (joinGameForm) {\n joinGameForm.addEventListener('submit', event => {\n event.preventDefault()\n if (!_validateForm()) {\n return false\n }\n _addPlayer().then(resp => {\n name.classList.add(\"hide\")\n nameLabel.classList.add(\"hide\")\n joinGameForm.classList.add(\"hide\")\n console.debug(\"_addPlayer() success\", resp)\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"joining\",\n player: {\n id: player.getId(),\n name: player.getName()\n }\n }))\n game.players.push(new _classes_js__WEBPACK_IMPORTED_MODULE_0__[\"Player\"](resp.players[0].id, resp.players[0].name))\n _theirTurn()\n _showGame()\n }).catch(err => {\n console.debug(\"_addPlayer() error\", err)\n status.innerText = err.message.error\n status.classList.remove(\"hide\")\n })\n })\n}\nif (gameTable) {\n document.querySelectorAll('.tile').forEach(element => {\n element.addEventListener('click', event => {\n if (gameOver) {\n console.debug(\"Game over\")\n event.preventDefault()\n return\n }\n let pos = event.target.id.split('_')[1]\n // validate its my turn\n if (game.turn !== player.getId()) {\n console.debug(\"Not my turn\")\n event.preventDefault()\n return\n }\n // validate position available\n if (game.matrix[pos]) {\n console.debug(\"Tile not free\")\n event.preventDefault()\n return\n }\n // set move\n game.matrix[pos] = player.getId()\n\n // show tile selected\n event.target.style.backgroundColor = tileColor\n\n // calculate if 3 tiles in a row\n let three = _threeInARow()\n if (three) {\n console.debug(\"You win!\")\n _highlightBoard(three)\n _dimBoard()\n gameOver = true\n winner.innerText = \"You Win!!!\"\n winner.classList.remove(\"hide\")\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"winner\",\n index: pos,\n player: player.getId(),\n winner: player.getId(),\n positions: three\n }))\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n event.preventDefault()\n return\n }\n\n if (_draw()) {\n console.debug(\"Draw!\")\n _dimBoard()\n gameOver = true\n winner.innerText = \"Its a draw!\"\n winner.classList.remove(\"hide\")\n status.classList.add(\"hide\")\n turn.classList.add(\"hide\")\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"draw\",\n index: pos,\n player: player.getId(),\n winner: player.getId()\n }))\n if (startGameForm)\n startGameForm.classList.remove(\"hide\")\n event.preventDefault()\n return\n }\n\n // send move via socket\n conn.send(JSON.stringify({\n sender: player.getId(),\n game_id: game.getId(),\n event: \"move\",\n index: pos,\n player: player.getId()\n }))\n\n _theirTurn()\n })\n })\n}\n/**\n * END Document Listeners\n */\n\nfunction _validateForm() {\n if (!name.value) {\n status.innerText = \"Name is required.\"\n status.classList.remove(\"hide\")\n return false\n }\n player.setName(name.value)\n player.setCookies()\n status.classList.add(\"hide\")\n _greeting()\n return true\n}\nfunction _getUrl() {\n return document.location.protocol + '//' + document.location.host\n}\nfunction _greeting() {\n if (player.getName()) {\n playerH1.innerText = \"Hi \" + player.getName()\n playerH1.classList.remove(\"hide\")\n }\n}\nfunction _createGame() {\n let url = _getUrl()\n return _services_js__WEBPACK_IMPORTED_MODULE_1__[\"POST\"](`${url}/game`, JSON.stringify(game))\n}\nfunction _addPlayer() {\n let url = _getUrl()\n let gid = game.getId()\n let pid = player.getId()\n return _services_js__WEBPACK_IMPORTED_MODULE_1__[\"POST\"](`${url}/game/${gid}/player/${pid}`, JSON.stringify({ name: document.getElementById('name').value }))\n}\nfunction _showGame() {\n gameTable.classList.remove(\"hide\")\n}\nfunction _waiting() {\n waiting.innerText = \"Waiting for opponent\"\n waiting.classList.remove(\"hide\")\n}\nfunction _yourTurn () {\n if (waiting)\n waiting.classList.add(\"hide\")\n turn.innerText = \"Your Turn\"\n turn.classList.remove(\"hide\")\n game.turn = player.getId()\n}\nfunction _theirTurn () {\n game.setOpponentsTurn(player.getId())\n turn.innerText = _possessivizer(game.getOpponentsName(player.getId())) + \" Turn\"\n turn.classList.remove(\"hide\")\n}\nfunction _possessivizer(name) {\n if (name.charAt(name.length - 1) === \"s\") {\n return name + \"'\"\n } else {\n return name + \"'s\"\n }\n}\nfunction _updateTiles(index) {\n document.getElementById('pos_' + index).style.backgroundColor = opponentTileColor\n}\nfunction _threeInARow() {\n for (let i = 0; i <= 8; i) {\n if (game.matrix[i] && (game.matrix[i] === game.matrix[i + 1] && game.matrix[i] === game.matrix[i + 2]) ) {\n return [i, i + 1, i + 2]\n }\n i = i + 3\n }\n for (let i = 0; i <= 2; i++) {\n if (game.matrix[i] && (game.matrix[i] === game.matrix[i + 3] && game.matrix[i] === game.matrix[i + 6]) ) {\n return [i, i + 3, i + 6]\n }\n }\n if (game.matrix[0] && (game.matrix[0] === game.matrix[4] && game.matrix[0] === game.matrix[8])) {\n return [0, 4, 8]\n }\n if (game.matrix[2] && (game.matrix[2] === game.matrix[4] && game.matrix[2] === game.matrix[6])) {\n return [2, 4, 6]\n }\n return false\n}\nfunction _draw() {\n for (let i = 0; i < game.matrix.length; i++) {\n if (!game.matrix[i]) {\n return false\n }\n }\n return true\n}\nfunction _dimBoard() {\n document.querySelectorAll('td').forEach(el => el.classList.add(\"dim\"))\n}\n\nfunction _highlightBoard (positions) {\n for (let pos of positions) {\n document.querySelector('#pos_' + pos).classList.add(\"highlight\")\n }\n}\n\n//# sourceURL=webpack://ui/./src/index.js?"); /***/ }), diff --git a/src/index.js b/src/index.js index 9942700..106f9d7 100644 --- a/src/index.js +++ b/src/index.js @@ -139,6 +139,8 @@ if (startGameForm) { return false } _createGame().then(resp => { + name.classList.add("hide") + nameLabel.classList.add("hide") startGameForm.classList.add("hide") console.debug("_createGame() success", resp) game.turn = resp.turn @@ -163,6 +165,8 @@ if (joinGameForm) { return false } _addPlayer().then(resp => { + name.classList.add("hide") + nameLabel.classList.add("hide") joinGameForm.classList.add("hide") console.debug("_addPlayer() success", resp) conn.send(JSON.stringify({