Jogo de tabuleiro onde vc terá seus pensonagen (estão com etiquetatbr) com as regras terá que construir um forte um contra o outro's game

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

No:21555

143

←

Prev Next

→

Jogo de tabuleiro onde vc terá seus pensonagen (es..ALL
Developer User8225｜Date and time 23/10/16 6:06:54
Build time 126.573 sec｜Game capacity 4.269KB｜

Script

Jogador da vez:

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Jogo de Tabuleiro</title>
	<style>
		body {
			font-family: Arial, sans-serif;
		}

#board {
			width: 600px;
			height: 600px;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-gap: 10px;
			margin: 20px auto;
		}

.cell {
			border: 1px solid black;
			display: flex;
			align-items: center;
			justify-content: center;
		}

.piece {
			font-size: 70px;
		}

.player1 {
			color: red;
		}

.player2 {
			color: blue;
		}

#status {
			text-align: center;
			margin-top: 20px;
		}

#status span {
			font-weight: bold;
		}

#btn-restart {
			display: block;
			margin: 0 auto;
			margin-top: 20px;
		}
	</style>
</head>
<body>
	<div id="board"></div>
	<div id="status">Jogador da vez: <span id="current-player"></span></div>
	<button id="btn-restart">Reiniciar Jogo</button>

var currentPlayer = 'player1';
	var board = initialBoard;
	var gameOver = false;

// Função responsável por desenhar o tabuleiro
	function renderBoard() {
		var boardContainer = document.getElementById('board');
		boardContainer.innerHTML = '';

for (var i = 0; i < board.length; i++) {
			for (var j = 0; j < board[i].length; j++) {
				var cell = document.createElement('div');
				cell.className = 'cell';
				cell.setAttribute('data-row', i);
				cell.setAttribute('data-col', j);

if (board[i][j] === 'player1') {
					cell.innerHTML = "⚔️";
				} else if (board[i][j] === 'player2') {
					cell.innerHTML = "🛡️";
				}

boardContainer.appendChild(cell);
			}
		}
	}

// Função responsável por verificar se o jogo terminou
	function checkGameOver() {
		// Verificar todas as linhas
		for (var i = 0; i < board.length; i++) {
			if (board[i][0] === board[i][1] && board[i][1] === board[i][2] && board[i][2] === board[i][3] && board[i][0] !== '') {
				return true;
			}
		}

// Verificar todas as colunas
		for (var j = 0; j < board[0].length; j++) {
			if (board[0][j] === board[1][j] && board[1][j] === board[2][j] && board[2][j] === board[3][j] && board[0][j] !== '') {
				return true;
			}
		}

// Verificar diagonais
		if (
			(board[0][0] === board[1][1] && board[1][1] === board[2][2] && board[2][2] === board[3][3] && board[0][0] !== '') ||
			(board[0][3] === board[1][2] && board[1][2] === board[2][1] && board[2][1] === board[3][0] && board[0][3] !== '')
		) {
			return true;
		}

// Verificar empate
		var isDraw = true;
		for (var i = 0; i < board.length; i++) {
			for (var j = 0; j < board[i].length; j++) {
				if (board[i][j] === '') {
					isDraw = false;
					break;
				}
			}
		}

if (isDraw) {
			return true;
		}

return false;
	}

// Função chamada quando um movimento é realizado
	function makeMove(row, col) {
		if (!gameOver && board[row][col] === '') {
			board[row][col] = currentPlayer;

if (currentPlayer === 'player1') {
				currentPlayer = 'player2';
			} else {
				currentPlayer = 'player1';
			}

renderBoard();

if (checkGameOver()) {
				var status = document.getElementById('status');
				status.innerHTML = "Fim de Jogo!";
				gameOver = true;
			} else {
				var status = document.getElementById('status');
				status.innerHTML = "Jogador da vez: <span id='current-player'>" + currentPlayer + "</span>";
			}
		}
	}

// Função responsável por reiniciar o jogo
	function restartGame() {
		board = initialBoard;
		currentPlayer = 'player1';
		gameOver = false;
		renderBoard();

var status = document.getElementById('status');
		status.innerHTML = "Jogador da vez: <span id='current-player'>" + currentPlayer + "</span>";
	}

// Event listener para os movimentos no tabuleiro
	document.getElementById('board').addEventListener('click', function(event) {
		var target = event.target;
		var row = parseInt(target.getAttribute('data-row'));
		var col = parseInt(target.getAttribute('data-col'));
		makeMove(row, col);
	});

// Event listener para o botão de reiniciar o jogo
	document.getElementById('btn-restart').addEventListener('click', function() {
		restartGame();
	});

// Iniciar o jogo
	renderBoard();
	</script>
</body>
</html>