結果を表示する
元にもどす
<html lang="ja"> <meta charset="utf-8"> <style> #目印{width:770px; height:200px; border:2px dashed #ff8888; border-radius:8px;} </style> <button type="button"id="表示"onclick="ぼたん()"style="margin:40px;">ボタン</button> <main id="目印"style="display:none;"> <section class="セパレート_01"> <div class="楽譜"> %%scale 0.8 %%staffwidth 550 %%titlefont SimSun 36 %%tempofont Times Bold 18 %%composerfont Palatino 14 %%composerspace -10 %%sysstaffsep 50 %%gchordfont Palatino 10 %%staves{1 2} K:F L:1/8 M:3/4 Q:"Allegro" [V:1 clef=treble]!p!F4-A2|c4-"1"A2|B4-g2|"4"f-e"4"e2z2|(f2A2d2)|(G2c3A)| [V:2 clef=bass](F,A,CA,CA,)|(F,C_ECEC)|(F,B,DB,DB,)|(F,G,B,G,B,G,)|[F,A,]2z2z2|z8| </div> </section> </main> <script> function ぼたん() {let 表示=document.getElementById("目印"); if(表示.style.display==="none") {表示.style.display="block";} else {表示.style.display="none";}} </script> <script src="abcjs_notation.js"></script> </html>