<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<!-- この1行を追加 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音楽用語クイズ</title>
<link rel="stylesheet" href="phlox.css?ts=20250625">
</head>
<body>
<h1>音楽用語クイズ</h1>
<p>
このページでは、音楽用語のクイズを行うことが可能です。<br>
各分野に分けているので、自分の解きたい問題を選択してください。
</p>
<div id="quizLinks"></div>
<script>
const quizzes = [
{ title: "音の強弱編", file: "phlox-quiz1.html" },
{ title: "音符の音の長さ編", file: "phlox-quiz2.html" },
{ title: "速度標語・速度記号編", file: "phlox-quiz3.html" },
{ title: "発想標語編", file: "phlox-quiz4.html" },
{ title: "基礎知識・管楽器編", file: "phlox-quiz5.html" },
{ title: "基礎知識・弦楽器編", file: "phlox-quiz6.html" },
{ title: "基礎知識・打楽器編", file: "phlox-quiz7.html" },
{ title: "ドイツ音名・B管編", file: "phlox-quiz8.html" },
{ title: "ドイツ音名・C管編", file: "phlox-quiz9.html" },
{ title: "ドイツ音名・F管編", file: "phlox-quiz10.html" },
{ title: "ドイツ音名・E♭管編", file: "phlox-quiz11.html" }
];
const container = document.getElementById("quizLinks");
quizzes.forEach(quiz => {
const h2 = document.createElement("h2");
const a = document.createElement("a");
a.href = quiz.file;
a.textContent = quiz.title;
h2.appendChild(a);
container.appendChild(h2);
});
</script>
</body>
</html>
