determine a winner
This commit is contained in:
parent
3c5e012444
commit
d3f8ad21a1
34
src/index.js
34
src/index.js
@ -22,7 +22,12 @@ function Square(props){
|
|||||||
handleClick(i) {
|
handleClick(i) {
|
||||||
const squares = this.state.squares.slice();
|
const squares = this.state.squares.slice();
|
||||||
squares[i] = this.state.xIsNext ? 'X' : 'O';
|
squares[i] = this.state.xIsNext ? 'X' : 'O';
|
||||||
this.setState({squares: squares,xIsNext: !this.state.xIsNext});
|
this.setState(
|
||||||
|
{
|
||||||
|
squares: squares,
|
||||||
|
xIsNext: !this.state.xIsNext
|
||||||
|
}
|
||||||
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
renderSquare(i) {
|
renderSquare(i) {
|
||||||
@ -39,7 +44,13 @@ function Square(props){
|
|||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const status = 'Next player: ' + (this.state.xIsNext ? 'X' : 'O');
|
const winner = calculateWinner(this.state.squares);
|
||||||
|
let status;
|
||||||
|
if (winner) {
|
||||||
|
status = 'Winner: ' + winner;
|
||||||
|
} else {
|
||||||
|
status = 'Next Player: ' + (this.state.xIsNext ? 'X' : 'O')
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
@ -87,3 +98,22 @@ function Square(props){
|
|||||||
document.getElementById('root')
|
document.getElementById('root')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
function calculateWinner(squares) {
|
||||||
|
const lines = [
|
||||||
|
[0, 1, 2],
|
||||||
|
[3, 4, 5],
|
||||||
|
[6, 7, 8],
|
||||||
|
[0, 3, 6],
|
||||||
|
[1, 4, 7],
|
||||||
|
[2, 5, 8],
|
||||||
|
[0, 4, 8],
|
||||||
|
[2, 4, 6],
|
||||||
|
];
|
||||||
|
for (let i = 0; i < lines.length; i++) {
|
||||||
|
const [a, b, c] = lines[i];
|
||||||
|
if (squares[a] && squares[a] === squares[b] && squares[a] === squares[c]) {
|
||||||
|
return squares[a];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user