Jogo da velha

HTML:

```
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Jogo da Velha</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<h1>Jogo da Velha</h1>

	<table>
		<tr>
			<td class="cell"></td>
			<td class="cell"></td>
			<td class="cell"></td>
		</tr>
		<tr>
			<td class="cell"></td>
			<td class="cell"></td>
			<td class="cell"></td>
		</tr>
		<tr>
			<td class="cell"></td>
			<td class="cell"></td>
			<td class="cell"></td>
		</tr>
	</table>

	<p id="outcome"></p>

	<button id="reset">Reiniciar Jogo</button>

	<script src="script.js"></script>

</body>
</html>
```

CSS:

```
table {
	margin: 0 auto;
	border-collapse: collapse;
}

td {
	width: 60px;
	height: 60px;
	font-size: 50px;
	text-align: center;
	border: 1px solid black;
	cursor: pointer;
}

.cell:hover {
	background-color: lightgray;
}

#outcome {
	font-size: 25px;
}

button {
	font-size: 25px;
	padding: 10px;
	margin-top: 20px;
	cursor: pointer;
}
```

JavaScript:

```
var player1 = "X";
var player2 = "O";
var currentPlayer = player1;
var cells = document.querySelectorAll(".cell");
var outcome = document.getElementById("outcome");
var resetButton = document.getElementById("reset");

resetButton.addEventListener("click", resetGame);

for (var i = 0; i < cells.length; i++) {
	cells[i].addEventListener("click", makeMove);
}

function makeMove() {
	if (this.textContent == "") {
		this.textContent = currentPlayer;
		checkWinner();
		changePlayer();
	}
}

function checkWinner() {
	var winningCombinations = [
		["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 (var i = 0; i < winningCombinations.length; i++) {
		var cell1 = document.getElementById(winningCombinations[i][0]);
		var cell2 = document.getElementById(winningCombinations[i][1]);
		var cell3 = document.getElementById(winningCombinations[i][2]);

		if (cell1.textContent == currentPlayer && cell2.textContent == currentPlayer && cell3.textContent == currentPlayer) {
			outcome.textContent = currentPlayer + " venceu!";
			disableCells();
			return true;
		}
	}

	return false;
}

function disableCells() {
	for (var i = 0; i < cells.length; i++) {
		cells[i].removeEventListener("click", makeMove);
	}
}

function changePlayer() {
	if (currentPlayer == player1) {
		currentPlayer = player2;
	} else {
		currentPlayer = player1;
	}
}

function resetGame() {
	for (var i = 0; i < cells.length; i++) {
		cells[i].textContent = "";
		cells[i].addEventListener("click", makeMove);
		outcome.textContent = "";
		currentPlayer = player1;
	}
}
```