function fakeFetchCourses() {
  return new Promise(function (resolve) {
    setTimeout(function () {
      resolve(["DOM 获取元素", "事件监听", "异步基础"]);
    }, 800);
  });
}

// 任务：
// 1. 获取按钮、状态文字、列表
// 2. 点击按钮后显示“加载中”
// 3. 调用 fakeFetchCourses()
// 4. 用 then 渲染课程列表
// 5. 用 catch 处理错误
const btn = document.getElementById("load-btn")
const text = document.getElementById("status-text")
const list = document.getElementById("course-list")

btn.addEventListener("click", function () {
  text.textContent = "加载中..."

  fakeFetchCourses()
    .then(function (result) {
      text.textContent = "加载成功"
      const a = result.forEach(item => {
        const li = document.createElement("li")
        li.textContent = item
        list.appendChild(li)
      });
    })
    .catch(function (error) {
      list.textContent = "失败" + error
    })
})