26 lines
633 B
JavaScript
26 lines
633 B
JavaScript
// 任务：
|
|
// 1. 获取按钮和日志列表
|
|
// 2. 点击按钮后清空旧日志
|
|
// 3. 先追加“开始执行”
|
|
// 4. 用 setTimeout 延迟追加“异步回调完成”
|
|
|
|
|
|
|
|
// 5. 再立刻追加“同步代码结束”
|
|
const btn = document.getElementById("run-btn")
|
|
const list = document.getElementById("log-list")
|
|
|
|
function add1(message) {
|
|
const li = document.createElement("li")
|
|
li.textContent = message
|
|
list.appendChild(li)
|
|
}
|
|
|
|
btn.addEventListener("click", function () {
|
|
list.textContent = ""
|
|
add1("开始执行")
|
|
setTimeout(function () {
|
|
add1("异步回调完成")
|
|
}, 2000)
|
|
add1("同步代码结束")
|
|
}) |