STUDY_html_012_E.html
<html>
<script> すくりぷと - 1 </script>
<div align="center">
<iframe src="metronome_off.html"id="ぷれい80"width="232"height="384"></iframe>
</div>
<div align="center">
<form><input type="button"value="Play"onClick="newURL()"</form>
<input type="button"value="Stop"id="りろーど">
</div>
<div align="center">
<audio controls>
<source src="fanfare_80.mp3"></audio>
<p>OLYMPIC FANFARE ♩=80</p>
<img src="fanfare_analyze.jpg"width="600"height="260"border="0">
<hr style="width:680px;height:6px;background-color:#dddddd;">
<img src="fanfare.jpg"width="600"height="800"border="0"></div>
<hr style="width:100%;height:40px;background-color:gray;">
<script> すくりぷと - 2 </script>
</html>
<script>
function newURL()
{document.getElementById("ぷれい80").src="metronome_on_80_BPM.html";}
</script>
<script>
let りろーど=document.getElementById("りろーど");
りろーど.addEventListener('click',function(){location.reload();});
</script>
