practice

<audio controls><source src="sample_JS_030-J.mp3"type="audio/mp3"></audio>
<p class="スコア"></p>
<div id="めにゅー_トップ">
<div id="メニュー">
<p>C Aeolian　( C, D, E♭, F, G, A♭, B♭ )</p>
<p>D Locrian　( D, E♭, F, G, A♭, B♭ C )</p>
<p>E♭ Ionian　( E♭, F, G, A♭, B♭ C, D )</p>
<p>F Dorian　( F, G, A♭, B♭ C, D, E♭ )</p>
<p>G Phrygian　( G, A♭, B♭, C, D, E♭, F )</p>
<p>A♭ Lydian　( A♭, B♭ C, D, E♭, F, G )</p>
<p>B♭ Mixo-Lydian　( B♭ C, D, E♭, F, G, A♭ )</p>
</div>
</div>
<div id="ハンバーガー"onclick="toggleMenu()">
<span></span>
<span></span>
<span></span>
</div>
<p class="クレフ"></p>
<div class="トーン">
<label for="checkboxA">C</label>
<input type="checkbox"id="checkboxA"onchange="表示('A')">
<label for="checkboxB">D</label>
<input type="checkbox"id="checkboxB"onchange="表示('B')">
<label for="checkboxC">E♭</label>
<input type="checkbox"id="checkboxC"onchange="表示('C')">
<label for="checkboxD">F</label>
<input type="checkbox"id="checkboxD"onchange="表示('D')">
<label for="checkboxE">G</label>
<input type="checkbox"id="checkboxE"onchange="表示('E')">
<label for="checkboxF">A♭</label>
<input type="checkbox"id="checkboxF"onchange="表示('F')">
<label for="checkboxG">B♭</label>
<input type="checkbox"id="checkboxG"onchange="表示('G')">
</div>
<div class="リセット"><button onclick="りろーど()">リセット</button></div>
<div id="ノート">
<img id="画像A"src="C_natural.png">
<img id="画像B"src="D_natural.png">
<img id="画像C"src="E_flat.png">
<img id="画像D"src="F_natural.png">
<img id="画像E"src="G_natural.png">
<img id="画像F"src="A_flat.png">
<img id="画像G"src="B_flat.png">
</div>
<p class="パラグラフ"><span style="font-weight:bold;display:block;">中心音を決定する事柄(ヒント)</span><br>・出発 または 終始している音<br>・長い音符<br>・構成音を多く含んでいる<br>・音域が低い方<br>・アクセントが付いた音<br>・Major 系 Mode なら Lydian / minor 系 Mode なら dorian</p>

</html>