Hazme un tres en ralla's game

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

No:37115

←

Prev Next

→

Hazme un tres en ralla
Developer User16957｜Date and time 24/1/20 7:43:55
Build time 11.05 sec｜Game capacity 2.842KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tres en Raya</title>
	<style>
		.grid {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 10px;
		}

.cell {
			width: 100px;
			height: 100px;
			border: 1px solid black;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 2em;
		}
	</style>
</head>
<body>
    <div id="gameBoard" class="grid">
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
		<div class="cell"></div>
	</div>

// Add click event listeners to each cell
	for (let i = 0; i < BOARD_SIZE; i++) {
	    cells[i].addEventListener('click', () => {
	        if (cells[i].innerHTML === '') {
	            cells[i].innerHTML = currentPlayer;
	            cells[i].style.pointerEvents = 'none'; // Disable click on occupied cells
	            
	            // Check if the current player is the winner
	            if (checkWin(cells, currentPlayer)) {
	                alert('¡Bingo! ' + currentPlayer + ' ha ganado el juego.');
	                resetGame();
	            } else if (checkTie(cells)) {
	                alert('¡Empate! El juego ha terminado en empate.');
	                resetGame();
	            } else {
	                currentPlayer = (currentPlayer === PLAYER_X) ? PLAYER_O : PLAYER_X; // Switch current player
	            }
	        }
	    });
	}

// Function to check if any player wins
	function checkWin(cells, currentPlayer) {
	    const winCombinations = [
	        [0, 1, 2], [3, 4, 5], [6, 7, 8], // Rows
	        [0, 3, 6], [1, 4, 7], [2, 5, 8], // Columns
	        [0, 4, 8], [2, 4, 6]             // Diagonals
	    ];

for (let i = 0; i < winCombinations.length; i++) {
	        const [a, b, c] = winCombinations[i];
	        if (cells[a].innerHTML === currentPlayer && cells[b].innerHTML === currentPlayer && cells[c].innerHTML === currentPlayer) {
	            return true;
	        }
	    }
	    return false;
	}

// Function to check if the game ends in a tie
	function checkTie(cells) {
	    for (let i = 0; i < BOARD_SIZE; i++) {
	        if (cells[i].innerHTML === '') {
	            return false;
	        }
	    }
	    return true;
	}

// Function to reset the game
	function resetGame() {
	    for (let i = 0; i < BOARD_SIZE; i++) {
	        cells[i].innerHTML = '';
	        cells[i].style.pointerEvents = '';
	    }
	    currentPlayer = PLAYER_X;
	}
	</script>
</body>
</html>