<h1>、<p>、<button> 等标签搭建内容骨架。查看源代码能看到每个标签的注释。
<style> 添加渐变背景、磨砂玻璃卡片、弹性布局(Flexbox)、圆角与阴影。试着修改颜色或间距看看效果。
alert('Hello, World!') ,同时更新计数器,并在控制台打印日志。document.getElementById() 和事件监听 addEventListener 。
let count = 0 存储点击次数,每次点击 count++ 并修改 <span> 的显示内容。这是最基础的“数据驱动UI”例子。
✏️ 动手试试:修改 <h1> 里的文字,或者把按钮的颜色换成你喜欢的!
(所有修改保存后刷新页面即可看到)
🤔 注意哦,英文是 World 不是 "wolrd" —— 这是初学者很容易手误的地方,记住了吗?