ドレミファソラシドの音を奏でるアプリ

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ドレミファソラシドの音を奏でるアプリ</title>
</head>
<body>
	<h1>ドレミファソラシドの音を奏でるアプリ</h1>
	<p>キーボードのキーを押すと対応する音が鳴ります。</p>

	<script>
		// 音声ファイルのパスを配列に格納
		var audioFiles = [
			"audio/c4.mp3",
			"audio/d4.mp3",
			"audio/e4.mp3",
			"audio/f4.mp3",
			"audio/g4.mp3",
			"audio/a4.mp3",
			"audio/b4.mp3"
		];

		// キーボードのキーコードと音楽の配列のインデックスを紐付け
		var keyBindings = {
			65: 0, // Aキー - ド
			83: 1, // Sキー - レ
			68: 2, // Dキー - ミ
			70: 3, // Fキー - ファ
			71: 4, // Gキー - ソ
			72: 5, // Hキー - ラ
			74: 6  // Jキー - シ
		};

		// キーボードのイベントリスナーを登録
		document.addEventListener("keydown", function(event) {
			var keyCode = event.keyCode;
			// キーコードがキーバインディングのキーに対応していた場合、対応する音を再生
			if (keyBindings.hasOwnProperty(keyCode)) {
				var audioIndex = keyBindings[keyCode];
				var audio = new Audio(audioFiles[audioIndex]);
				audio.play();
			}
		});
	</script>
</body>
</html>

（ジョーク）
なぜ音楽は高いのか？ もしくは、音楽が激安で手に入る方法は何か？ → それはコードを盗むことだ！（コード＝和音や音楽の進行を意味する言葉）