我正在制作一個(gè)簡(jiǎn)單的 JavaScript 游戲，我是一個(gè)初學(xué)者，但現(xiàn)在我陷入了困境。我必須創(chuàng)建 5 個(gè)數(shù)組來(lái)存儲(chǔ) src 圖像。這是我的代碼：var imagesPart1 = [  "funny-cat1_part1x1.jpg",  "monkey_part1x1.jpg",  "panda_swap_part1x1.jpg"];var imagesPart2 = [  "funny-cat1_part2x1.jpg",  "monkey_part2x1.jpg",  "panda_swap_part2x1.jpg"];var imagesPart3 = [  "funny-cat1_part3x1.jpg",  "monkey_part3x1.jpg",  "panda_swap_part3x1.jpg"];var imagesPart4 = [  "funny-cat1_part4x1.jpg",  "monkey_part4x1.jpg",  "panda_swap_part4x1.jpg"];var imagesPart5 = [  "funny-cat1_part5x1.jpg",  "monkey_part5x1.jpg",  "panda_swap_part5x1.jpg"];function imageSwitch(id, arr) {  var element = document.getElementById(id);  var counter = Math.floor((Math.random() * 5));  function nextPic() {    counter += 1;    if (counter > arr.length - 1) {      counter = 0;    }    element.src = "./img/" + arr[counter];  }  element.addEventListener('click', nextPic);  counter -= 1;  nextPic();}imageSwitch("one", imagesPart1);imageSwitch("two", imagesPart2);imageSwitch("three", imagesPart3);imageSwitch("four", imagesPart4);imageSwitch("five", imagesPart5);div {  width: 800px;  height: 100%;}img {  width: 100%;  height: 160px;  max-width: 100%;}<div>  <div>    <img id="one" src="./img/funny-cat1_part1x1.jpg" alt="">    <img id="two" src="./img/funny-cat1_part2x1.jpg" alt="">    <img id="three" src="./img/funny-cat1_part3x1.jpg" alt="">    <img id="four" src="./img/funny-cat1_part4x1.jpg" alt="">    <img id="five" src="./img/funny-cat1_part5x1.jpg" alt="">  </div></div>現(xiàn)在我想要如果 5 個(gè)部分組成一個(gè)完整的圖像，它會(huì)發(fā)出警報(bào)或給出這樣的框陰影，但我不知道如何獲得理想的效果。這是一個(gè)工作小提琴。提前致謝！