⚡ 第3课:认识JavaScript

我们已经学会了HTML(骨架)和CSS(样式),现在学习JavaScript(动作)!

💡 什么是JavaScript?
JavaScript是网页的"大脑",它让网页"动"起来!可以响应点击、计算数据、改变内容等。

JavaScript的基本概念

JavaScript可以做的事情:

• 响应用户点击
• 改变网页内容
• 做数学计算
• 显示提示信息

JavaScript示例

📊 计数器

0

💬 点击按钮显示消息

点击上面的按钮试试!

JavaScript代码说明

function showMessage() { ... } 定义一个函数
document.getElementById('id') 找到网页元素
element.innerText = '新文字' 改变文字内容
onclick="函数名()" 点击时执行函数

🎯 小练习

1. 修改计数器的初始值
2. 改变显示的消息文字
3. 尝试添加一个新的按钮
4. 思考:还能做什么有趣的互动?

🌟 三课总结
HTML = 网页的骨架(结构)
CSS = 网页的化妆师(样式)
JavaScript = 网页的大脑(交互)