From 296a32e206b7e1bbee889a3b6c119449e82af4b8 Mon Sep 17 00:00:00 2001
From: EvanKelley <sionnach1993@gmail.com>
Date: Wed, 8 Feb 2023 19:08:50 -0600
Subject: [PATCH 1/2] pushing it up

---
 index.html | 16 +++++++++++++---
 scripts.js |  6 ++++--
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 19d0dee..6798057 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
     <div class="container">
       <div class="jumbotron">
         <h1>Welcome to Tic Tac Toe</h1>
-        <p>Get ready to play!</p>
+        <p>Get ready to draw!</p>
         <!-- uses the built-in onclick attribute to call the resetBoard function -->
         <button onclick="resetBoard()" type="button" class="btn btn-primary btn-lg" name="button">Restart</button>
       </div>
@@ -20,8 +20,18 @@ <h1>Welcome to Tic Tac Toe</h1>
         <tr>
           <!-- the onclick calls a function called "handleClick" and passes itself to it -->
           <td id='top-left' onclick="handleClick(this)" ></td>
-          <td id='top-middle'></td>
-          <td></td>
+          <td id='top-middle' onclick="handleClick(this)" ></td>
+          <td id='top-right' onclick="handleClick(this)" ></td>
+        </tr>
+        <tr>
+          <td id='middle-left' onclick="handleClick(this)" ></td>
+          <td id='middle-middle' onclick="handleClick(this)" ></td>
+          <td id="middle-right" onclick="handleClick(this)" ></td>
+        </tr>
+        <tr>
+          <td id='bottom-left' onclick="handleClick(this)" ></td>
+          <td id='bottom-middle' onclick="handleClick(this)" ></td>
+          <td id='bottom-right' onclick="handleClick(this)" ></td>
         </tr>
         <!-- @TODO create new rows and cells for the rest of your TTT board. -->
         <!-- @TODO give each new cell an id & an event listener to call the "handleClick" function -->
diff --git a/scripts.js b/scripts.js
index ba09e74..aa31f75 100644
--- a/scripts.js
+++ b/scripts.js
@@ -44,7 +44,7 @@ const addMarker = (id) => {
   console.log(`Therefore, a  "${currentMarker}"  should be placed in the square with the id:  ${id}`)
   
   // @TODO-2: Build a line of code that will set the innerHTML property of the element that was clicked to the "currentMarker"
-  
+  document.getElementById(id).innerHTML = currentMarker
   // @TODO-2.5: MIX & MATCH, You will need the following pieces of code to build that line:
   // = currentMarker
   // .getElementById(id)
@@ -70,7 +70,9 @@ const changeMarker = () => {
   } else {
     currentMarker = "X"
   }
+  console.log('AFTER currentMarker:' ,currentMarker)
 }
+// BEFORE
 
 
 
@@ -86,7 +88,7 @@ const resetBoard = () => {
   
   // @TODO-3: To make your "Restart" button work you'll need to build a line of code here that:
       // collects all of the "td" elements into an HTML Collection: https://www.w3schools.com/jsref/dom_obj_htmlcollection.asp  
-    
+  const squares = document.getElementsByTagName("TD")
   // @TODO-3.5: MIX & MATCH, You will need the following pieces of code to build that line:
   // squares
   // .getElementsByTagName("TD")

From f1d51dbaf6a7c33263a0538fe0388fcbe284e416 Mon Sep 17 00:00:00 2001
From: EvanKelley <sionnach1993@gmail.com>
Date: Wed, 22 Feb 2023 19:30:55 -0600
Subject: [PATCH 2/2] add

---
 scripts.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/scripts.js b/scripts.js
index aa31f75..7b67349 100644
--- a/scripts.js
+++ b/scripts.js
@@ -70,9 +70,8 @@ const changeMarker = () => {
   } else {
     currentMarker = "X"
   }
-  console.log('AFTER currentMarker:' ,currentMarker)
+  console.log('BEFORE currentMarker:' ,currentMarker)
 }
-// BEFORE