创建图像列表框？

<div class="image-list">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
  <img src="image3.jpg" alt="Image 3">
  <img src="image4.jpg" alt="Image 4">
  <img src="image5.jpg" alt="Image 5">
</div>

.image-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.image-list img {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
}

const imageList = document.querySelector('.image-list');
const images = imageList.querySelectorAll('img');

images.forEach(image => {
  image.addEventListener('click', () => {
    alert(`You clicked on ${image.alt}`);
  });
});