创建一个从数组接收信息并将其添加到我的模板卡组件的for循环

var messages = ["消息1", "消息2", "消息3"];

var cardContainer = document.getElementById("card-container"); // 获取模板卡组件的容器元素

for (var i = 0; i < messages.length; i++) {
  var message = messages[i];
  var card = `<div class="card">${message}</div>`; // 使用模板字符串创建一个包含当前消息的卡片元素
  cardContainer.innerHTML += card; // 将卡片元素添加到模板卡组件的容器中
}