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

No:1768

3258

←

Prev Next

→

Sound Recognition Game
Developer GOひろし｜Date and time 23/6/19 0:47:01
Build time 26.746 sec｜Game capacity 2.027KB｜

Script

音を聞き分けるゲーム

音が鳴り終わったら、どのボタンで再生されたか選んでください。

スコア: 0

このゲームは、3つのボタンのいずれかから鳴る音を聞き、どのボタンで再生されたか選択するゲームです。スコアが表示され、正解するとスコアが増えます。不正解の場合は再度挑戦してください。絵文字は使用していません。スマートフォンでも操作可能です。

←

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>音を聞き分けるゲーム</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			background-color: #FFF;
			font-family: Arial, sans-serif;
			text-align: center;
		}
		h1 {
			font-size: 48px;
			color: #ff5733;
			margin-top: 50px;
		}
		p {
			font-size: 24px;
			margin-top: 20px;
		}
		button {
			background-color: #ff5733;
			color: #FFF;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 24px;
			margin-top: 30px;
			cursor: pointer;
		}
		#score {
			font-size: 36px;
			margin-top: 30px;
			color: #ff5733;
		}
		#sound {
			margin-top: 50px;
			font-size: 20px;
		}
	</style>
</head>
<body>
	<h1>音を聞き分けるゲーム</h1>
	<p>音が鳴り終わったら、どのボタンで再生されたか選んでください。</p>
	<button onclick="checkAnswer(1)">1</button>
	<button onclick="checkAnswer(2)">2</button>
	<button onclick="checkAnswer(3)">3</button>
	<div id="score">スコア: 0</div>
	<audio id="sound"></audio>
	<script>
		var score = 0;
		var sound = document.getElementById("sound");

playSound();
	</script>
</body>
</html>