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

No:1538

1321

←

Prev Next

→

Title "Marubatsu Game" Parting between the person ..ALL
Developer User3293｜Date and time 23/6/18 18:17:55
Build time 55.24 sec｜Game capacity 4.572KB｜

Script

マルバツゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>マルバツゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 2em;
			text-align: center;
		}
		table {
			margin: 0 auto;
			border-collapse: collapse;
		}
		td {
			border: 2px solid black;
			width: 2em;
			height: 2em;
			text-align: center;
			font-size: 3em;
			cursor: pointer;
		}
		.win {
			font-size: 2em;
			font-weight: bold;
			color: red;
		}
		button {
			font-size: 1em;
			margin-top: 1em;
			padding: 0.5em 1em;
			background-color: #ddd;
			border: none;
			border-radius: 50px;
			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>マルバツゲーム</h1>
	<table>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
		</tr>
	</table>
	<div id="result"></div>
	<button onclick="reset()">リセット</button>
	<script>
		var cells = document.getElementsByTagName('td');
		var result = document.getElementById('result');
		var currentPlayer = 'o';
		var ai = 'x';
		var gameover = false;

for (var i = 0; i < cells.length; i++) {
			cells[i].addEventListener('click', function() {
				if (this.innerHTML != '' || gameover) {
					return;
				}
				this.innerHTML = currentPlayer;
				if (checkWin(currentPlayer)) {
					result.innerHTML = '勝ち';
					result.classList.add('win');
					gameover = true;
					return;
				}
				currentPlayer = currentPlayer == 'o' ? 'x' : 'o';
				aiTurn();
				if (checkWin(ai)) {
					result.innerHTML = '負け';
					result.classList.add('win');
					gameover = true;
				}
			});
		}

function getEmptyCells() {
			var emptyCells = [];
			for (var i = 0; i < cells.length; i++) {
				if (cells[i].innerHTML == '') {
					emptyCells.push(i);
				}
			}
			return emptyCells;
		}

function getRandomIndex(array) {
			return Math.floor(Math.random() * array.length);
		}

function reset() {
			for (var i = 0; i < cells.length; i++) {
				cells[i].innerHTML = '';
				cells[i].classList.remove('win');
			}
			result.innerHTML = '';
			currentPlayer = 'o';
			gameover = false;
		}
	</script>
</body>
</html>