音声とポップアップ表示を一つのボタンで行う方法

質問

ネット情報のコピペでhead部分に
<script>
function soundbell(n)
{
// 割り当てるID名（引数のnを連結して指定）
var id = 'sound-'+n ;
// 初回の再生以外だったら音声ファイルの再生ポイントを先頭にしておく
if( typeof( document.getElementById( id ).currentTime ) != 'undefined' )
{
document.getElementById( id ).currentTime = 0;
}
// [ID:sound-file]の音声ファイルを再生[play()]する
document.getElementById( id ).play() ;
}
</script>
を書いて
body部分に
<a onClick="soundbell(1)"><input type="button" value="aaaaaa"></a>

<a onClick="soundbell(2)"><input type="button" value="＊＊＊＊"></a>
<audio id="sound-1" preload="auto">
<source src="correct-answer.mp3" type="audio/mp3">
</audio>
<audio id="sound-2" preload="auto">
<source src="wrong-answer.mp3" type="audio/mp3">
</audio>
を記述してうまく音が出ています。

ここで、同じボタンをクリックすると同時に、音とポップアップ表示することに挑戦していますが、なかなかうまくいきません。
どなたか教えてくれませんかね。

回答No.1

Proof4 · ベストアンサー

単にアラートを表示するだけであれば、音声ファイルの再生と同時にalert()を実行すればよいです。

function soundbell(n)
{
// 割り当てるID名（引数のnを連結して指定）
var id = 'sound-'+n ;
// 初回の再生以外だったら音声ファイルの再生ポイントを先頭にしておく
if( typeof( document.getElementById( id ).currentTime ) != 'undefined' )
{
document.getElementById( id ).currentTime = 0;
}
// [ID:sound-file]の音声ファイルを再生[play()]する
document.getElementById( id ).play();
// アラート表示
alert('アラート');
}

お礼

Proof4さん

ありがとうございます。
私のやりたいことが出来ました。
ちょっとしたことなのですが、基礎知識がないので、大分時間をかけていたのにうまくいきませんでした。
嬉しいです。