匹配图片javascript基本益智游戏

我正在做一个简单的javascript游戏，我是一个初学者，现在我被卡住了。我必须创建5个数组来存储src映像。这是我的密码：

var imagespat1=[
“搞笑-cat1_part1x1.jpg”，
“monkey_part1x1.jpg”，
“panda_swap_part1x1.jpg”
];
var imagesPart2=[
“搞笑-cat1_part2x1.jpg”，
“monkey_part2x1.jpg”，
“panda_swap_part2x1.jpg”
];
变量imagesPart3=[
“搞笑-cat1_part3x1.jpg”，
“monkey_part3x1.jpg”，
“panda_swap_part3x1.jpg”
];
var imagesPart4=[
“搞笑-cat1_part4x1.jpg”，
“monkey_part4x1.jpg”，
“panda_swap_part4x1.jpg”
];
var imagesPart5=[
“搞笑-cat1_part5x1.jpg”，
“monkey_part5x1.jpg”，
“panda_swap_part5x1.jpg”
];
功能图像开关（id，arr）{
var元素=document.getElementById（id）；
var counter=Math.floor（（Math.random（）*5））；
函数nextPic（）{
计数器+=1；
如果（计数器>阵列长度-1）{
计数器=0；
}
element.src=“/img/”+arr[计数器]；
}
元素。addEventListener（'click'，nextPic）；
计数器-=1；
nextPic（）；
}
imageSwitch（“一”，imagesPart1）；
imageSwitch（“两个”，imagesPart2）；
imageSwitch（“三”，imagesPart3）；
图像开关（“四”，图像开关4）；
图像开关（“五”，图像开关5）
div{
宽度：800px；
身高：100%；
}
img{
宽度：100%；
高度：160px；
最大宽度：100%；
}
您需要稍微重新构造代码：

//将其切换到2d数组
常量imageParts=[
[
"https://i.ibb.co/4FrYJR3/funny-cat1-part1x1.jpg",
"https://i.ibb.co/D9TLmt1/monkey-part1x1.jpg",
"https://i.ibb.co/V2BXPVH/panda-swap-part1x1.jpg",
],
[
"https://i.ibb.co/CQyGWQq/funny-cat1-part2x1.jpg",
"https://i.ibb.co/BgT0mNN/monkey-part2x1.jpg",
"https://i.ibb.co/P6CGThy/panda-swap-part2x1.jpg",
],
[
"https://i.ibb.co/k07vFCb/funny-cat1-part3x1.jpg",
"https://i.ibb.co/dbx5zcc/monkey-part3x1.jpg",
"https://i.ibb.co/FK3h9Zd/panda-swap-part3x1.jpg",
],
[
"https://i.ibb.co/Vm5ZJ0g/funny-cat1-part4x1.jpg",
"https://i.ibb.co/10hDp8c/monkey-part4x1.jpg",
"https://i.ibb.co/HXWrzjs/panda-swap-part4x1.jpg",
],
[
"https://i.ibb.co/x8zQPWW/funny-cat1-part5x1.jpg",
"https://i.ibb.co/2KKwwzG/monkey-part5x1.jpg",
"https://i.ibb.co/N9vgw6y/panda-swap-part5x1.jpg",
],
];
//将ID存储在数组中
常量ID=[“一”、“二”、“三”、“四”、“五”]；
//在数组中存储计数器
常量计数器=新数组（ids.length）.fill（0）；
//helper函数，用于检查数组中的每个元素是否相等
功能检查全部相同（arr）{
如果（arr.length您需要稍微重新构造代码：

//将其切换到2d数组
常量imageParts=[
[
"https://i.ibb.co/4FrYJR3/funny-cat1-part1x1.jpg",
"https://i.ibb.co/D9TLmt1/monkey-part1x1.jpg",
"https://i.ibb.co/V2BXPVH/panda-swap-part1x1.jpg",
],
[
"https://i.ibb.co/CQyGWQq/funny-cat1-part2x1.jpg",
"https://i.ibb.co/BgT0mNN/monkey-part2x1.jpg",
"https://i.ibb.co/P6CGThy/panda-swap-part2x1.jpg",
],
[
"https://i.ibb.co/k07vFCb/funny-cat1-part3x1.jpg",
"https://i.ibb.co/dbx5zcc/monkey-part3x1.jpg",
"https://i.ibb.co/FK3h9Zd/panda-swap-part3x1.jpg",
],
[
"https://i.ibb.co/Vm5ZJ0g/funny-cat1-part4x1.jpg",
"https://i.ibb.co/10hDp8c/monkey-part4x1.jpg",
"https://i.ibb.co/HXWrzjs/panda-swap-part4x1.jpg",
],
[
"https://i.ibb.co/x8zQPWW/funny-cat1-part5x1.jpg",
"https://i.ibb.co/2KKwwzG/monkey-part5x1.jpg",
"https://i.ibb.co/N9vgw6y/panda-swap-part5x1.jpg",
],
];
//将ID存储在数组中
常量ID=[“一”、“二”、“三”、“四”、“五”]；
//在数组中存储计数器
常量计数器=新数组（ids.length）.fill（0）；
//helper函数，用于检查数组中的每个元素是否相等
功能检查全部相同（arr）{
如果（arr.length，我将创建一个新函数
setImage（arr，counter）
，该函数包含您的行
element.src=“/img/”+arr[counter]；
，但还执行其他操作：


它应该将索引存储在一个全局变量中，该变量包含所有图像的索引
它应该检查这些是否都是相同的
它应该根据检查执行您希望看到的任何视觉反馈

你有一个障碍，那就是你传递给
imageSwitch
的数组没有任何类型的标识符……你可能想把你所有的ImagePart放到一个数组中（啊，我看到另一个答案也表明了这一点）并传递一个索引。或者可能是一个对象，其中键是你的ID，比如：

{
  one: [...],
  two: [...],
  ...
}

我将创建一个新函数
setImage（arr，counter）
，该函数包含您的行
element.src=“/img/”+arr[counter]；
，但还执行其他操作：


它应该将索引存储在一个全局变量中，该变量包含所有图像的索引
它应该检查这些是否都是相同的
它应该根据检查执行您希望看到的任何视觉反馈

你有一个障碍，那就是你传递给
imageSwitch
的数组没有任何类型的标识符……你可能想把你所有的ImagePart放到一个数组中（啊，我看到另一个答案也表明了这一点）并传递一个索引。或者可能是一个对象，其中键是你的ID，比如：

{
  one: [...],
  two: [...],
  ...
}