SKIP TO CONTENT
GENERAL TRACK

让页面动起来

使用 JavaScript 为你的页面添加按钮、计数器和动态行为。

1什么是 JavaScript?

到目前为止,你的页面一直是静态的——它们显示内容,但当你与之互动时不会有任何变化。JavaScript 就是让页面活起来的东西。它是那个「大脑」,负责监听点击、更新文字、隐藏和显示元素,并对用户的操作做出反应。

网页的三种语言

HTML

骨架——页面上显示什么内容

CSS

外表——内容看起来怎样(颜色、间距、字体)

JavaScript

大脑——页面如何运作并对用户做出反应

当你用 AI 编写交互功能时,它会把这三者结合起来。你的提示词可能是「添加一个统计点击次数的按钮」,AI 会一次性写好 HTML(按钮)、CSS(它的外观)和 JavaScript(点击时发生什么)。

Your guide

2提示词:"添加一个统计点击次数的按钮"

3自定义计数器

4提示词:"添加一个深色模式切换"

5挑战:构建一个交互式待办清单