/**
 * Stage 01：纯命令式 DOM 操作
 * 每一步都直接创建、组装、插入节点
 */

const card = document.createElement("div");
card.className = "user-card";

const nameEl = document.createElement("h2");
nameEl.textContent = "姓名: 小明";

const ageEl = document.createElement("p");
ageEl.textContent = "年龄: 18";

const tagEl = document.createElement("span");
tagEl.textContent = "学生";

card.appendChild(nameEl);
card.appendChild(ageEl);
card.appendChild(tagEl);

const root = document.getElementById("minivue");
console.assert(root != null, "容器 #minivue 未找到");
root.appendChild(card);