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

No:1346

266

←

Prev Next

→

One hour a day for games
Developer User3235｜Date and time 23/6/18 11:45:13
Build time 30.886 sec｜Game capacity 2.47KB｜

Script

のみ遊べるものとする。

Emoji Game

Score: 0

このアプリはEmoji Gameというゲームです。スタートボタンを押すと、1秒ごとにランダムな絵文字が表示されます。その絵文字をクリックまたはキーボードで入力することで、正解かどうかが判定されて、正解だった場合にスコアが1点加算されます。ゲーム時間は1分間、スマートフォンでの操作にも対応しています。楽しんでプレイしてください！

←

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>Emoji Game</title>
	<style>
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		
		body {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			background-color: #EAEAEA;
			font-family: Segoe UI Emoji;
		}
		
		h1 {
			font-size: 3rem;
			margin-bottom: 20px;
		}
		
		#emoji {
			font-size: 5rem;
			margin-bottom: 20px;
		}
		
		#button {
			padding: 10px;
			border-radius: 10px;
			border: none;
			background-color: #FFC107;
			color: #FFF;
			font-size: 1.5rem;
			cursor: pointer;
			outline: none;
		}
		
		#score {
			font-size: 2rem;
			margin-top: 50px;
			color: #FFC107;
		}
	</style>
</head>
<body>
	<h1>Emoji Game</h1>
	<div id="emoji"></div>
	<button id="button">Start</button>
	<div id="score">Score: 0</div>
	
	<script>
		const emojiList = ['😀', '😂', '😍', '🤔', '🤢', '🥳', '👻', '🦄', '🍔', '🍕'];
		let score = 0;
		let currentEmoji = null;
		let intervalId = null;
		
		function showRandomEmoji() {
			const randomNumber = Math.floor(Math.random() * emojiList.length);
			const randomEmoji = emojiList[randomNumber];
			document.getElementById('emoji').textContent = randomEmoji;
			currentEmoji = randomEmoji;
		}
		
		document.getElementById('button').addEventListener('click', function() {
			score = 0;
			document.getElementById('score').textContent = `Score: ${score}`;
			showRandomEmoji();
			intervalId = setInterval(showRandomEmoji, 1000);
		});
		
		document.addEventListener('click', function(event) {
			if (event.target.textContent === currentEmoji) {
				score++;
				document.getElementById('score').textContent = `Score: ${score}`;
			}
		});
		
		document.addEventListener('keydown', function(event) {
			if (event.key === currentEmoji) {
				score++;
				document.getElementById('score').textContent = `Score: ${score}`;
			}
		});
		
	</script>
</body>
</html>