向循环的每个项目添加不同的类，以构建砖石结构布局

<div id="brick-layout">
  <!-- 循环生成的项目将放在这里 -->
</div>

// 假设我们有一个项目数组
const items = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];

// 获取容器元素
const container = document.getElementById('brick-layout');

// 循环遍历项目数组
items.forEach((item, index) => {
  // 创建一个新的div元素
  const div = document.createElement('div');
  
  // 根据索引添加不同的类
  if (index % 2 === 0) {
    div.classList.add('brick-left');
  } else {
    div.classList.add('brick-right');
  }
  
  // 设置内容
  div.textContent = item;
  
  // 将新创建的div添加到容器中
  container.appendChild(div);
});

.brick-left {
  float: left;
  width: 50%;
  background-color: #f0f0f0;
}

.brick-right {
  float: right;
  width: 50%;
  background-color: #d0d0d0;
}