如何将随机图片函数结果赋值给getElementById.src以显示图片？

修复后的完整代码 #

function getRandomImage() {
  // 正确定义包含完整文件名的图片数组
  const imageList = ['scene1.jpg', 'scene2.png', 'scene3.jpeg'];
  // 使用标准的Math.random()生成随机索引
  const randomPos = Math.floor(Math.random() * imageList.length);
  return imageList[randomPos];
}

// 将随机图片赋值给目标元素
document.getElementById('scenebox').src = getRandomImage();

原代码的问题点 #

• Math对象大小写错误：原代码中使用了小写的math.random()，JavaScript中全局数学对象必须是大写开头的Math，小写会抛出引用错误导致代码中断
• 图片路径不完整：原数组中未包含图片的文件格式后缀（如.jpg/.png），导致生成的src路径无效，图片无法加载

修复以上两点后，即可实现页面加载时随机显示三张图片中任意一张的功能。

内容的提问来源于stack exchange，提问作者Yosuf