34 lines
957 B
JavaScript
34 lines
957 B
JavaScript
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
|
|
})
|
|
}) |