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

No:1508

106

←

Prev Next

→

Games to □🔥 and 📛📛.
Developer User3354｜Date and time 23/6/18 17:48:56
Build time 29.2 sec｜Game capacity 2.621KB｜

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 charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			font-size: 3em;
			text-align: center;
		}
		.square {
			display: inline-block;
			margin: 5px;
			width: 80px;
			height: 80px;
			background-color: white;
			border: 1px solid black;
			cursor: pointer;
		}
		.fire {
			background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/google/298/fire_1f525.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
		.cross {
			background-image: url('https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/198/cross-mark_274c.png');
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
	</style>
</head>
<body>
	<h1>□を🔥して📛にするゲーム</h1>
	<p>クリックで□を🔥に、再度クリックで🔥を📛に変えます</p>
	<div id="game-area"></div>
	<script>
		const gameArea = document.getElementById('game-area');
		const gridSize = 5;
		let squares = [];

// ゲームの盤面を初期化
		function initGame() {
			// 一度表示されていた盤面を削除
			while (gameArea.firstChild) {
				gameArea.removeChild(gameArea.firstChild);
			}

// 盤面を生成
			for (let i = 0; i < gridSize * gridSize; i++) {
				const square = document.createElement('div');
				square.classList.add('square');
				squares.push(square);
				gameArea.appendChild(square);
			}

// 盤面上のマスがクリックされた時の処理を設定
			gameArea.addEventListener('click', function(e) {
				if (e.target.classList.contains('square')) {
					toggleSquare(e.target);
					checkForWin();
				}
			});

// 盤面の初期状態をランダムに設定
			for (let i = 0; i < Math.ceil(Math.random() * (gridSize * gridSize)); i++) {
				const randomIndex = Math.floor(Math.random() * squares.length);
				toggleSquare(squares[randomIndex]);
			}
		}

// 盤面上のマスを🔥または📛に変更
		function toggleSquare(square) {
			square.classList.toggle('fire');
			square.classList.toggle('cross');
		}

// 盤面が全て🔥になっているかどうかをチェック
		function checkForWin() {
			const win = squares.every(square => square.classList.contains('fire'));
			if (win) {
				alert('🎉おめでとう！🔥を全て📛に変えるのに成功しました🎉');
				initGame();
			}
		}

// ゲームを開始
		initGame();
	</script>
</body>
</html>