tictactoe-react
Create a game of tictactoe using react.
The starter code gives you a board component that outputs 3 rows and 9 spans.
Add the clickable elements to make the game playable.
referencing elements
We need to capture data from the clicked element- we can use a traditional click event callback function:
At the component:
handleClick = (event, colIndex) => {
// access to event.target here
console.log(event);
}
In the JSX:
<button type="checkbox" onClick={((ev) => this.handleClick(ev, colIndex))}/>
yay
</button>
Further
Nest your board component within a game component. Add other components as you see fit.
Further
Detect winning states. (hard-coded is ok)
Further
Add a score
Further
Make the columns and rows dynamic
Further
Make the winning state dynamic (3,4,5 in a row)
Further
Make a computer player