单击按钮上带有文本的Javascript随机图像

<button onclick="showRandomImage()">点击显示随机图像</button>
<div id="imageContainer"></div>

function showRandomImage() {
  // 定义一个包含图像和文本的数组
  var images = [
    { src: 'image1.jpg', text: '图像1' },
    { src: 'image2.jpg', text: '图像2' },
    { src: 'image3.jpg', text: '图像3' },
    // 添加更多图像和文本
  ];

  // 生成一个随机索引
  var randomIndex = Math.floor(Math.random() * images.length);

  // 获取图像容器元素
  var imageContainer = document.getElementById('imageContainer');

  // 创建图像元素
  var image = document.createElement('img');
  image.src = images[randomIndex].src;

  // 创建文本元素
  var text = document.createElement('p');
  text.textContent = images[randomIndex].text;

  // 清空图像容器
  imageContainer.innerHTML = '';

  // 将图像和文本添加到图像容器中
  imageContainer.appendChild(image);
  imageContainer.appendChild(text);
}