落ちゲーアプリ作成21（BGMの追加）

どうも。

オリアプのBGMを追加しました。

一定時間後に自動的に結果画面に遷移するのですが、結果画面遷移とともに結果画面のBGMを流したいと思っていました。

今までの sound.js を setTimeout を利用して以下のように変更しました。

function sound() {

document.querySelector(`.sound_start`).addEventListener('click', () => {

const gameSound =document.getElementById('geme_sound');

const endingSound = document.getElementById("ending_sound");

gameSound.play();

gameSound.volume = 0.3;

window.setTimeout(function(){

if(gameSound.play()){

gameSound.pause();

endingSound.play();

endingSound.volume = 0.3;

};

}, 10000);

const ninjas = document.getElementById("ninjas");

const kenSound = document.getElementById("ken_sound");

ninjas.addEventListener('click', function(){

kenSound.play();

kenSound.volume = 0.3;

});

});

};

if(document.URL.match(/new/)){window.addEventListener('load', sound)};

水色の箇所が今回加えた記述です。

setTimeout を addEventlistner の中に入れることで実現しました。

点数保存機能は難しそうなので、またヒントがあった時に取り組みます。

ここまでで、オリアプの一旦の完成としたいと思います。