AI game creator

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

No:2611

1409

←

Prev Next

→

Panda and Koala War
Developer User3589｜Date and time 23/6/22 2:50:59
Build time 26.886 sec｜Game capacity 2.255KB｜

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>パンダとコアラの戦争</title>
	<style>
		body {
			background-color: #f5deb3;
		}
		#board {
			display: flex;
			flex-wrap: wrap;
			width: 90vw;
			height: 90vw;
			margin: 5vh auto;
		}
		.cell {
			width: calc(30vw / 3);
			height: calc(30vw / 3);
			background-color: #fa8072;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 5vw;
			cursor: pointer;
			border: 1px solid #8b0000;
		}
		.cell:hover {
			background-color: #ffb6c1;
		}
	</style>
</head>
<body>
	<div id="board">
	</div>
	<script>
		let board = document.getElementById("board");
		let cells = [];
		let currentPlayer = "🐼";

for(let i = 0; i < 9; i++) {
			let cell = document.createElement("div");
			cell.setAttribute("class", "cell");
			cell.setAttribute("data-index", i);
			cell.addEventListener("click", handleCellClick);
			board.appendChild(cell);
			cells.push("");
		}

function handleCellClick(event) {
			let index = event.target.getAttribute("data-index");
			if(cells[index] === "") {
				cells[index] = currentPlayer;
				event.target.textContent = currentPlayer;
				checkWinner();
				currentPlayer = (currentPlayer === "🐼") ? "🐨" : "🐼";
			}
		}

function reset() {
			cells = cells.map(() => "");
			for(let i = 0; i < 9; i++) {
				board.children[i].textContent = "";
			}
			currentPlayer = "🐼";
		}
	</script>
</body>
</html>