AI game creator

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

No:47086

102

←

Prev Next

→

Score
Developer User15380｜Date and time 24/2/27 7:50:31
Build time 7.093 sec｜Game capacity 1.482KB｜

Script

🐱

🐶

🦅

🐟

🐰

🐢

🐘

🐍

🦁

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Pictogram Game</title>
	<style>
		body { 
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;
			margin: 0;
			background-color: #f0f0f0;
		}
		#game-container {
			width: 300px;
			height: 300px;
			display: grid;
			grid-template-columns: auto auto auto;
			grid-template-rows: auto auto auto;
			gap: 5px;
		}
		.tile {
			width: 100px;
			height: 100px;
			background-color: #fff;
			border: 1px solid #ccc;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 40px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<div id="game-container">
		<div class="tile" onclick="checkAnswer('cat')">🐱</div>
		<div class="tile" onclick="checkAnswer('dog')">🐶</div>
		<div class="tile" onclick="checkAnswer('bird')">🦅</div>
		<div class="tile" onclick="checkAnswer('fish')">🐟</div>
		<div class="tile" onclick="checkAnswer('rabbit')">🐰</div>
		<div class="tile" onclick="checkAnswer('turtle')">🐢</div>
		<div class="tile" onclick="checkAnswer('elephant')">🐘</div>
		<div class="tile" onclick="checkAnswer('snake')">🐍</div>
		<div class="tile" onclick="checkAnswer('lion')">🦁</div>
	</div>
	<script>
		let score = 0;
		function checkAnswer(animal) {
			if (animal === 'dog' || animal === 'rabbit' || animal === 'elephant' || animal === 'lion') {
				score++;
			} else {
				score--;
			}
			alert(`Your score is: ${score}`);
		}
	</script>
</body>
</html>