Javascript 尝试在点击按钮时播放随机图像和随机声音

单击按钮后图像将成功随机化，但不会播放声音。我不知道什么是错误的音频JS，但它一直困扰着我。我想让两者在单击同一按钮时随机执行。我正在使用Chrome来测试我的工作

//创建随机图片数组
函数imgchange（）{
var myImages1=新数组（）；
myImages1[1]=“Matthew1.jpg”；
myImages1[2]=“Matthew2.jpg”；
myImages1[3]=“Matthew3.jpg”；
myImages1[4]=“Matthew4.jpg”；//图像数组
myImages1[5]=“Matthew5.jpg”；
myImages1[6]=“Matthew6.jpg”；
myImages1[7]=“Matthew7.jpg”；
var rnd=Math.floor（Math.random（）*myImages1.length）；//图像的随机选择
如果（rnd==0）{
rnd=1；
}
document.getElementById（“gen img”）.src=myImages1[rnd]；//获取图像
}      
函数playdrandomsound（）{
//用于存储声音的所有URL的数组
var sounds=新音频[“sound1.mp3”、“sound2.mp3”、“sound3.mp3”、“sound4.mp3”]；
//这一行将选择一个随机声音来播放您提供的URL
var soundFile=sounds[Math.floor（Math.random（）*sounds.length）]；
//找到您创建的播放器元素并生成一个嵌入文件来播放其中的声音
document.getElementById（“按钮”）.innerHTML=“”；

好的！好的！好的！

您必须创建一组声音，如下所示：

var sounds = ["sound1.mp3", "sound2.mp3", "sound3.mp3", "sound4.mp3"].map(
  (sound) => new Audio(sound)
);

您在以

document.getElementById（“按钮”）开头的行中也有一个输入错误。innerHTML

，

soundFile

有一个大写的

F

。虽然我认为您不需要这一行，但您可以通过调用

play（）

来播放声音，就像

soundFile.play（）

，请检查下面的片段：

//创建随机图片数组
函数imgchange（）{
var myImages1=新数组（）；
myImages1[1]=“Matthew1.jpg”；
myImages1[2]=“Matthew2.jpg”；
myImages1[3]=“Matthew3.jpg”；
myImages1[4]=“Matthew4.jpg”；//图像数组
myImages1[5]=“Matthew5.jpg”；
myImages1[6]=“Matthew6.jpg”；
myImages1[7]=“Matthew7.jpg”；
var rnd=Math.floor（Math.random（）*myImages1.length）；//图像的随机选择
如果（rnd==0）{
rnd=1；
}
document.getElementById（“gen img”）.src=myImages1[rnd]；//获取图像
}
函数playdrandomsound（）{
//用于存储声音的所有URL的数组
变量声音=[
新音频(
"https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3"
),
];
//var声音=新音频([
//（“sound1.mp3”、“sound2.mp3”、“sound3.mp3”、“sound4.mp3”）
// ]();
//这一行将选择一个随机声音来播放您提供的URL
var soundFile=sounds[Math.floor（Math.random（）*sounds.length）]；
soundFile.play（）
//找到您创建的播放器元素并生成一个嵌入文件来播放其中的声音
document.getElementById（“按钮”）.innerHTML=
'';
}

好了！好了！好了！

您必须创建一组声音，如下所示：

var sounds = ["sound1.mp3", "sound2.mp3", "sound3.mp3", "sound4.mp3"].map(
  (sound) => new Audio(sound)
);

您在以

document.getElementById（“按钮”）开头的行中也有一个输入错误。innerHTML

，

soundFile

有一个大写的

F

。虽然我认为您不需要这一行，但您可以通过调用

play（）

来播放声音，就像

soundFile.play（）

，请检查下面的片段：

//创建随机图片数组
函数imgchange（）{
var myImages1=新数组（）；
myImages1[1]=“Matthew1.jpg”；
myImages1[2]=“Matthew2.jpg”；
myImages1[3]=“Matthew3.jpg”；
myImages1[4]=“Matthew4.jpg”；//图像数组
myImages1[5]=“Matthew5.jpg”；
myImages1[6]=“Matthew6.jpg”；
myImages1[7]=“Matthew7.jpg”；
var rnd=Math.floor（Math.random（）*myImages1.length）；//图像的随机选择
如果（rnd==0）{
rnd=1；
}
document.getElementById（“gen img”）.src=myImages1[rnd]；//获取图像
}
函数playdrandomsound（）{
//用于存储声音的所有URL的数组
变量声音=[
新音频(
"https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3"
),
];
//var声音=新音频([
//（“sound1.mp3”、“sound2.mp3”、“sound3.mp3”、“sound4.mp3”）
// ]();
//这一行将选择一个随机声音来播放您提供的URL
var soundFile=sounds[Math.floor（Math.random（）*sounds.length）]；
soundFile.play（）
//找到您创建的播放器元素并生成一个嵌入文件来播放其中的声音
document.getElementById（“按钮”）.innerHTML=
'';
}

好了！好了！好了！

您无法创建这样的声音数组，请检查此处是否有任何方法可以创建一个init函数，以便每次单击按钮时，旧音频停止，新音频开始？您无法创建这样的声音数组，请检查此处是否有任何方法可以创建一个init函数，以便每次单击按钮时都可以创建一个init函数ed旧音频停止，新音频开始？