用javascript写一个课程表

好的，以下是一个简单的用 JavaScript 实现的课程表：

HTML 代码：

<table id="timetable">
  <thead>
    <tr>
      <th></th>
      <th>周一</th>
      <th>周二</th>
      <th>周三</th>
      <th>周四</th>
      <th>周五</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>8:00-9:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>9:00-10:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>10:00-11:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>11:00-12:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>12:00-13:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>14:00-15:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>15:00-16:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>16:00-17:00</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

JavaScript 代码：

// 定义课程表数据
const timetableData = [
  {
    day: 1, // 星期一
    time: '8:00-9:00',
    course: '高等数学',
    teacher: '张三',
    classroom: '教学楼101'
  },
  {
    day: 2, // 星期二
    time: '14:00-15:00',
    course: '英语',
    teacher: '李四',
    classroom: '教学楼201'
  },
  {
    day: 3, // 星期三
    time: '10:00-11:00',
    course: '计算机网络',
    teacher: '王五',
    classroom: '教学楼301'
  },
  {
    day: 4, // 星期四
    time: '11:00-12:00',
    course: '操作系统',
    teacher: '赵六',
    classroom: '教学楼401'
  },
  {
    day: 5, // 星期五
    time: '9:00-10:00',
    course: '数据库',
    teacher: '钱七',
    classroom: '教学楼501'
  }
];

// 获取课程表元素
const timetable = document.getElementById('timetable');

// 遍历课程表数据，渲染到页面上
timetableData.forEach(data => {
  const row = timetable.rows[data.time.substr(0, 1) - 8]; // 获取课程对应的行
  const cell = row.cells[data.day]; // 获取课程对应的格子
  cell.innerHTML = `
    <p>${data.course}</p>
    <p>${data.teacher}</p>
    <p>${data.classroom}</p>
  `;
});

以上代码实现了一个简单的课程表，可以根据自己的需求进行修改和扩展。