AI game creator

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

No:40960

←

Prev Next

→

Monopoly
Developer User18058｜Date and time 24/2/5 0:10:20
Build time 8.288 sec｜Game capacity 1.787KB｜

Script

Start

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>Monopoly</title>
	<style>
		#board {
			display: flex;
			flex-wrap: wrap;
			width: 700px;
			height: 700px;
			margin: 0 auto;
		}
		.tile {
			width: 100px;
			height: 100px;
			border: 1px solid black;
			display: flex;
			align-items: center;
			justify-content: center;
			font-weight: bold;
		}
		.player {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			background-color: red;
		}
	</style>
</head>
<body>
	<div id="board">
		<div class="tile">Start</div>
		<div class="tile"></div>
		<div class="tile"></div>
		<div class="tile"></div>

</div>

var currentPlayer = 0;
		var players = ['Player 1', 'Player 2', 'Player 3', 'Player 4'];

// Function to roll the dice
		function rollDice() {
			return Math.floor(Math.random() * 6) + 1;
		}

// Function to move the current player
		function movePlayer() {
			var currentPlayerTile = document.querySelector('.player');
			currentPlayerTile.parentNode.removeChild(currentPlayerTile);

var tiles = document.querySelectorAll('.tile');
			currentPlayer = (currentPlayer + rollDice()) % players.length;
			tiles[currentPlayer].appendChild(createPlayerToken());
		}

// Function to create a player token
		function createPlayerToken() {
			var playerToken = document.createElement('div');
			playerToken.className = 'player';
			return playerToken;
		}

// Add event listener to start the game
		document.addEventListener('DOMContentLoaded', function() {
			var startTile = document.querySelector('.tile');
			startTile.appendChild(createPlayerToken());
		});

// Add event listener to roll the dice
		document.addEventListener('click', movePlayer);
	</script>
</body>
</html>