Click here for free DL of the app version that can save data.

No:50964

Tic TAC toe with Nine squares making a square,with..ALL
Developer User21444｜Date and time 24/3/10 11:05:36
Build time 4.748 sec｜Game capacity 1.231KB｜

Script

¡Juego del gato!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Juego del gato</title>
<style>
body {
background-color: #FEC8D8;
text-align: center;
}

.square {
width: 100px;
height: 100px;
display: inline-block;
border: 1px solid black;
}

</style>
</head>
<body>
<h1>¡Juego del gato!</h1>
<div class="square" id="1"></div>
<div class="square" id="2"></div>
<div class="square" id="3"></div>
<div class="square" id="4"></div>
<div class="square" id="5"></div>
<div class="square" id="6"></div>
<div class="square" id="7"></div>
<div class="square" id="8"></div>
<div class="square" id="9"></div>
<script>
const squares = document.querySelectorAll('.square');
const winPatterns = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
[1, 4, 7],
[2, 5, 8],
[3, 6, 9],
[1, 5, 9],
[3, 5, 7],
];
let turn = 'X';
squares.forEach(square => {
square.addEventListener('click', () => {
square.innerHTML = turn;
checkWin();
turn = turn === 'X' ? 'O' : 'X';
});
});
function checkWin() {
winPatterns.forEach(pattern => {
const patternSquares = pattern.map(num => document.getElementById(num).innerHTML);
if (patternSquares.every(val => val === 'X') || patternSquares.every(val => val === 'O')) {
alert(`${turn} wins!`);
}
});
}
</script>
</body>
</html>