　　← Contents

A
B
C
D
E

　　STUDY_html_009_C.html

html
css
JavaScript

<html>

<audio id="さうんど"preload>
<source src="STUDY_html_image_009/body.mp3"type="audio/mp3">
</audio>

<!-- 再生ボタン/パソコンの音量に注意 -->
<button id="ぷれい"type="button"> Music PLAY / Stop </button>

<script>　　　　　すくりぷと　　　　　</script>

</html>






　　　・・・CSSは使われていません



<script>
const さうんど=document.querySelector("#さうんど");
const ぼたん=document.querySelector("#ぷれい");
// pausedがtrueのときストップ、falseでスタートする
ぼたん.addEventListener("click",()=>{if(!さうんど.paused)
{さうんど.pause();}
else{さうんど.play();}});
</script>

　　sample_STUDY_html_009_C.pdf サンプル・ダウンロード