From 68eb926a54e1e6e04ea6e7fd6b4984085e9ef240 Mon Sep 17 00:00:00 2001 From: lilvina Date: Tue, 2 May 2017 17:42:32 -0700 Subject: [PATCH] worked on front-end tic tac toe --- public/css/ticTacToe.css | 13 +++++++++++++ public/js/ticTacToe.js | 8 ++++++++ public/ticTacToe.html | 33 +++++++++++++++++++++++++++++++++ 3 files changed, 54 insertions(+) create mode 100644 public/css/ticTacToe.css create mode 100644 public/js/ticTacToe.js create mode 100644 public/ticTacToe.html diff --git a/public/css/ticTacToe.css b/public/css/ticTacToe.css new file mode 100644 index 0000000..36eff16 --- /dev/null +++ b/public/css/ticTacToe.css @@ -0,0 +1,13 @@ +h1 { + text-align: center; + color: purple; +} + +.box { + border: 1px solid black; + height: 150px; +} + +#board { + margin-top: 10px; +} \ No newline at end of file diff --git a/public/js/ticTacToe.js b/public/js/ticTacToe.js new file mode 100644 index 0000000..0ab53f7 --- /dev/null +++ b/public/js/ticTacToe.js @@ -0,0 +1,8 @@ +const counter = 0 +const playerTurn = 'X' +const Xmoves = [] +const Omoves = [] + +const boardGame = document.querySelector('.board') +const resetButton = document.querySelector('#reset') + diff --git a/public/ticTacToe.html b/public/ticTacToe.html new file mode 100644 index 0000000..005d307 --- /dev/null +++ b/public/ticTacToe.html @@ -0,0 +1,33 @@ + + + + + + + TicTacToe + + +
+

TicTacToe

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + \ No newline at end of file