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

No:113

655

←

Prev Next

→

Pictogram name guessing game
Developer ひさひさ｜Date and time 23/5/20 0:21:39
Build time 61.208 sec｜Game capacity 2.165KB｜

Script

絵文字の名前当てゲーム

下に表示されている絵文字の名前を当ててください。

答え：

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
	<title>絵文字の名前当てゲーム</title>
</head>
<body>
	<h1>絵文字の名前当てゲーム</h1>
	<p>下に表示されている絵文字の名前を当ててください。</p>

let currentEmojiIndex = 0;
		let score = 0;

const game = document.querySelector("#game");
		const emoji = document.querySelector("#emoji");
		const answer = document.querySelector("#answer");
		const result = document.querySelector("#result");
		const next = document.querySelector("#next");

displayEmoji();

game.addEventListener("submit", function(e) {
			e.preventDefault();

const userAnswer = answer.value.toLowerCase();
			const correctAnswer = emojiNames[currentEmojiIndex].toLowerCase();

if (userAnswer === correctAnswer) {
				result.textContent = "正解！";
				score++;
			} else {
				result.textContent = "不正解。正解は「" + emojiNames[currentEmojiIndex] + "」でした。";
			}

answer.value = "";
			answer.disabled = true;
			next.disabled = false;
		});

next.addEventListener("click", function() {
			currentEmojiIndex++;
			if (currentEmojiIndex < emojis.length) {
				displayEmoji();
				result.textContent = "";
				answer.disabled = false;
				next.disabled = true;
			} else {
				emoji.innerHTML = "";
				result.textContent = "ゲーム終了。あなたのスコアは " + score + " / " + emojis.length + " でした。";
				answer.disabled = true;
				next.disabled = true;
			}
		});

function displayEmoji() {
			const currentEmoji = emojis[currentEmojiIndex];
			emoji.innerHTML = currentEmoji;
		}
	</script>
</body>
</html>