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

No:23799

←

Prev Next

→

particle
Developer User11149｜Date and time 23/11/3 17:25:36
Build time 56.547 sec｜Game capacity 2.618KB｜

Script

Sure, here's a simple game implemented as a single HTML file that runs on a smartphone. It uses pictograms and JavaScript for processing.

Pictogram Game

Tap the correct pictogram to increase your score! You have 3 attempts.

Score: 0

Attempts remaining: 3

To play the game, simply open the HTML file on your smartphone's web browser. You will see a pictogram and a set of buttons with different pictograms. Tap the button that matches the displayed pictogram. If the answer is correct, your score will increase by 1 and you'll see a message indicating success. If the answer is incorrect, you'll lose an attempt and see an error message. The game ends when you run out of attempts, and your final score will be displayed.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple game implemented as a single HTML file that runs on a smartphone. It uses pictograms and JavaScript for processing.

```html
<!DOCTYPE html>
<html>
<head>
	<title>Pictogram Game</title>
</head>
<body>
	<script>
		var score = 0;
		var attempts = 3;

function getRandomPictogram() {
			var pictograms = ['🐶', '🐱', '🐰', '🐢', '🐸'];
			var randomIndex = Math.floor(Math.random() * pictograms.length);
			return pictograms[randomIndex];
		}

function generateRandomPictogram() {
			var pictogram = getRandomPictogram();
			document.getElementById('pictogram').innerText = pictogram;
		}

function checkAnswer(answer) {
			var currentPictogram = document.getElementById('pictogram').innerText;
			if (answer === currentPictogram) {
				score += 1;
				document.getElementById('score').innerText = score;
				showMessage('Correct! Well done.');
			} else {
				attempts -= 1;
				showMessage('Incorrect! Try again.');
			}

if (attempts === 0) {
				endGame();
			} else {
				generateRandomPictogram();
			}
		}

function showMessage(message) {
			document.getElementById('message').innerText = message;
		}

function endGame() {
			document.getElementById('game').style.display = 'none';
			document.getElementById('scoreBoard').style.display = 'block';
			document.getElementById('finalScore').innerText = score;
		}
	</script>

<div id="game">
		<h1>Pictogram Game</h1>
		<p>Tap the correct pictogram to increase your score! You have 3 attempts.</p>
		<p id="pictogram">?</p>
		<div>
			<button onclick="checkAnswer('🐶')">🐶</button>
			<button onclick="checkAnswer('🐱')">🐱</button>
			<button onclick="checkAnswer('🐰')">🐰</button>
			<button onclick="checkAnswer('🐢')">🐢</button>
			<button onclick="checkAnswer('🐸')">🐸</button>
		</div>
		<p id="message"></p>
	</div>

<div id="scoreBoard" style="display: none;">
		<h1>Game Over</h1>
		<p>Your final score is: <span id="finalScore"></span></p>
	</div>

<p>Score: <span id="score">0</span></p>
	<p>Attempts remaining: <span id="attempts">3</span></p>