Skip to content

AustinCodingAcademy/TicTacToe-101

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TicTacToe-101

Instructions

  1. Fork and clone the TicTacToe-101 Repo
  2. Use Live-Server to open this folder in the browser.
  3. Open your Chrome inspector tool and select the Console tab.
  4. Deselect the "Select an element in the page to inspect" tool - so you don't have highlights chasing your cursor.
  5. Click on the top-left box...what happens in the console?
    • you should see something like the following screenshot:
    • Console-Tab-Example
  6. Notice the notes on the far right: scripts.js: 20, scripts.js: 43, and scripts.js: 44. These tell you at which line of code this log was generated.
  7. Go find the lines these logs came from in the scripts.js file.
  8. Go to the index.html file and find line 22: <td id='top-left' onclick="handleClick(this)" ></td>
    • The onclick method calls the handleClick() function in the scripts.js file and passes itself, the <td> element to it.
    • Don't move on until you understand how that works.
  9. Now read each of the green comment lines to start piecing together how this app works.
  10. After you have a general understanding find the // @TODO comments and fix the problems described.
  11. Go to the HTML file and create all the rows you need for a complete Tic Tac Toe board.
  12. When you've finished create a Pull Request (PR) on the original repo and turn in the URL of that PR.

Follow-Up Video


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published