function fakeFetchUser() {
  return new Promise(function (resolve) {
    setTimeout(function () {
      resolve({
        name: "林晨",
        role: "前端学习者",
        focus: "DOM + 事件 + 异步",
      });
    }, 900);
  });
}

const loadButton = document.getElementById("load-user-btn");
const statusText = document.getElementById("user-status");
const userCard = document.getElementById("user-card");

async function loadUser() {
  statusText.textContent = "加载中...";
  userCard.innerHTML = "";

  try {
    const user = await fakeFetchUser();

    userCard.innerHTML = `
      <p>姓名：${user.name}</p>
      <p>身份：${user.role}</p>
      <p>当前重点：${user.focus}</p>
    `;
    statusText.textContent = "加载完成";
  } catch (error) {
    statusText.textContent = "加载失败";
  }
}

loadButton.addEventListener("click", loadUser);