HTMLでボタンクリック時にオーディオを再生する方法

1. オーディオ要素を追加する: 最初に、HTMLの要素内にオーディオ要素を追加します。例えば、以下のようなコードを使用します。

<audio id="myAudio">
  <source src="audio_file.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

2. ボタン要素を追加する: 次に、オーディオを再生するためのボタン要素を追加します。例えば、以下のようなコードを使用します。

<button onclick="playAudio()">オーディオ再生</button>

3. JavaScript関数を作成する: 最後に、JavaScriptを使用してオーディオを再生する関数を作成します。以下のようなコードを使用します。

<script>
function playAudio() {
  var audio = document.getElementById("myAudio");
  audio.play();
}
</script>

以上の手順で、ボタンをクリックすると指定したオーディオファイルが再生されます。必要に応じて、オーディオ要素やボタン要素の属性を変更して、外観や動作をカスタマイズすることもできます。

以上が、HTMLでボタンクリック時にオーディオを再生する方法のシンプルな例です。ご参考までにお使いください。