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..7b67349 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,6 +70,7 @@ const changeMarker = () => {
   } else {
     currentMarker = "X"
   }
+  console.log('BEFORE currentMarker:' ,currentMarker)
 }
 
 
@@ -86,7 +87,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")