From db44e80cb76be1605a296c0d80f244e1e4785ae9 Mon Sep 17 00:00:00 2001
From: jim-clark <email@jim-clark.com>
Date: Fri, 26 Jul 2019 15:11:22 -0700
Subject: [PATCH] Update message - whose turn it is

---
 js/main.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/js/main.js b/js/main.js
index dc9894d..bdc0724 100644
--- a/js/main.js
+++ b/js/main.js
@@ -9,7 +9,7 @@ const COLORS = {
 let board, turn, winner;
 
 /*----- cached element references -----*/
-
+const msgEl = document.getElementById('msg');
 
 /*----- event listeners -----*/ 
 document.querySelector('section.markers')
@@ -39,6 +39,7 @@ function render() {
     // hide/show the column's marker depending if there are 0's or not
     let marker = document.getElementById(`col${colIdx}`);
     // <conditional exp> ? <truthy thing to return> : <falsey thing to return>;
+    // This is a ternary expression that replaces the if/else below it.
     marker.style.visibility = colArr.indexOf(0) === -1 ? 'hidden' : 'visible';
     // if (colArr.indexOf(0) === -1) {
     //   marker.style.visibility = 'hidden';
@@ -50,6 +51,12 @@ function render() {
       div.style.backgroundColor = COLORS[cell];
     });
   });
+  // Render the message
+  if (winner) {
+
+  } else {
+    msgEl.textContent = `${COLORS[turn].toUpperCase()}'s Turn`;
+  }
 }
 
 function handleClick(evt) {
@@ -70,5 +77,11 @@ function handleClick(evt) {
   colArr[rowIdx] = turn;
   // flip turns from 1 to -1; -1 to 1
   turn *= -1;
+  // update the winner
+  winner = getWinner();
   render();
+}
+
+function getWinner() {
+  // return the winner, 'T' or null
 }
\ No newline at end of file