如何使用.map()函数在50张卡片上显示元素时，在屏幕上显示的某个元素的下方放置一个框

// 创建一个包含50个元素的数组
const cards = Array.from(Array(50).keys());

// 使用.map()函数遍历数组，并创建卡片元素和框元素
const cardElements = cards.map((card) => {
  const cardElement = document.createElement('div');
  cardElement.classList.add('card');
  cardElement.textContent = `Card ${card+1}`;
  
  const boxElement = document.createElement('div');
  boxElement.classList.add('box');
  
  cardElement.appendChild(boxElement);
  return cardElement;
});

// 将卡片元素添加到屏幕上的某个容器中
const container = document.getElementById('container');
cardElements.forEach((element) => {
  container.appendChild(element);
});