practice

<html>

<button id="ぼたん"type="button">Reset</button>
<label> Prog :<select id="prog"onchange="ProgChange(this.selectedIndex)"></select>
<button id="なんばー"class="ナンバー">サウンド・テスト</button>
<tag-01 id="ぴあの"src="X.mid"quality="1"るーぴんぐ="0"disableDrop="0"masterVol="0.5"></tag-01>
<select onchange="SetQuality(this.selectedIndex)"><option>Oscillator 1</option><option selected>Oscillator 2</option></select>
<webaudio-keyboard id="鍵盤"keys="73"min="35"width="800"tabindex="1"></webaudio-keyboard>
<div id="波形編集">
<span style="color:white;margin-left:20px;">Number of Oscillator :</span><select id="oscs"onchange="Edit()"><option>
 1 </option><option> 2 </option><option> 3 </option><option> 4 </option></select>
<span id="name"></span>
<table>
<tr>
<td>G</td><td>W</td><td>V</td><td>T</td><td>F</td><td>A</td><td>H</td><td>D</td><td>S</td><td>R</td><td>P</td><td>Q</td><td>K</td>
</tr>
<tr id="osc1">
<td><input id="g1"oninput="Edit()"value="0"size="4"></td>
<td><select id="w1"style="width:60px"onchange="document.getElementById('w1').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td>
<td><input id="v1"oninput="Edit()"value="0.5"size="4"></td>
<td><input id="t1"oninput="Edit()"value="1"size="4"></td>
<td><input id="f1"oninput="Edit()"value="0"size="4"></td>
<td><input id="a1"oninput="Edit()"value="0"size="4"></td>
<td><input id="h1"oninput="Edit()"value="0"size="4"></td>
<td><input id="d1"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="s1"oninput="Edit()"value="0"size="4"></td>
<td><input id="r1"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="p1"oninput="Edit()"value="1"size="4"></td>
<td><input id="q1"oninput="Edit()"value="1"size="4"></td>
<td><input id="k1"oninput="Edit()"value="0"size="4"></td>
</tr>
<tr id="osc2">
<td><input id="g2"oninput="Edit()"value="0"size="4"></td>
<td><select id="w2"style="width:60px"onchange="document.getElementById('w2').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td>
<td><input id="v2"oninput="Edit()"value="0.5"size="4"></td>
<td><input id="t2"oninput="Edit()"value="1"size="4"></td>
<td><input id="f2"oninput="Edit()"value="0"size="4"></td>
<td><input id="a2"oninput="Edit()"value="0"size="4"></td>
<td><input id="h2"oninput="Edit()"value="0"size="4"></td>
<td><input id="d2"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="s2"oninput="Edit()"value="0"size="4"></td>
<td><input id="r2"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="p2"oninput="Edit()"value="1"size="4"></td>
<td><input id="q2"oninput="Edit()"value="1"size="4"></td>
<td><input id="k2"oninput="Edit()"value="0"size="4"></td>
</tr>
<tr id="osc3">
<td><input id="g3"oninput="Edit()"value="0"size="4"></td>
<td><select id="w3"style="width:60px"onchange="document.getElementById('w3').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td>
<td><input id="v3"oninput="Edit()"value="0.5"size="4"></td>
<td><input id="t3"oninput="Edit()"value="1"size="4"></td>
<td><input id="f3"oninput="Edit()"value="0"size="4"></td>
<td><input id="a3"oninput="Edit()"value="0"size="4"></td>
<td><input id="h3"oninput="Edit()"value="0"size="4"></td>
<td><input id="d3"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="s3"oninput="Edit()"value="0"size="4"></td>
<td><input id="r3"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="p3"oninput="Edit()"value="1"size="4"></td>
<td><input id="q3"oninput="Edit()"value="1"size="4"></td>
<td><input id="k3"oninput="Edit()"value="0"size="4"></td>
</tr>
<tr id="osc4">
<td><input id="g4"oninput="Edit()"value="0"size="4"></td>
<td><select id="w4"style="width:60px"onchange="document.getElementById('w4').value=this.value;Edit()"><option value="sine">sine</option><option value="sawtooth">sawtooth</option><option value="square">square</option><option value="triangle">triangle</option><option value="n0">n0</option><option value="n1">n1</option><option value="w9999">w9999</option></select></td>
<td><input id="v4"oninput="Edit()"value="0.5"size="4"></td>
<td><input id="t4"oninput="Edit()"value="1"size="4"></td>
<td><input id="f4"oninput="Edit()"value="0"size="4"></td>
<td><input id="a4"oninput="Edit()"value="0"size="4"></td>
<td><input id="h4"oninput="Edit()"value="0"size="4"></td>
<td><input id="d4"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="s4"oninput="Edit()"value="0"size="4"></td>
<td><input id="r4"oninput="Edit()"value="0.1"size="4"></td>
<td><input id="p4"oninput="Edit()"value="1"size="4"></td>
<td><input id="q4"oninput="Edit()"value="1"size="4"></td>
<td><input id="k4"oninput="Edit()"value="0"size="4"></td>
</tr>
</table>
<hr>
<section>
<div class="セット">G :<span class="エディター">Go Output Destination</span></div>
<div class="セット">W :<span class="エディター">Wave Form</span></div>
<div class="セット">V :<span class="エディター">Volume</span></div>
<div class="セット">T :<span class="エディター">Tune</span></div>
<div class="セット">F :<span class="エディター">Frequency in Hz</span></div>
<div class="セット">A :<span class="エディター">Attack Time</span></div>
<div class="セット">H :<span class="エディター">Hold Time</span></div>
<div class="セット">D :<span class="エディター">Decay Time</span></div>
<div class="セット">S :<span class="エディター">Sustain Level</span></div>
<div class="セット">R :<span class="エディター">Release Time</span></div>
<div class="セット">P :<span class="エディター">Pitch Bend</span></div>
<div class="セット">Q :<span class="エディター">Pitch Bend Speed Factor</span></div>
<div class="セット">K :<span class="エディター">Volume Key Tracking Factor</span></div>
</section>
</div>

</html>