⚡ 第3课:认识JavaScript
我们已经学会了HTML(骨架)和CSS(样式),现在学习JavaScript(动作)!
💡 什么是JavaScript?
JavaScript是网页的"大脑",它让网页"动"起来!可以响应点击、计算数据、改变内容等。
JavaScript是网页的"大脑",它让网页"动"起来!可以响应点击、计算数据、改变内容等。
JavaScript的基本概念
JavaScript可以做的事情:
• 响应用户点击
• 改变网页内容
• 做数学计算
• 显示提示信息
• 改变网页内容
• 做数学计算
• 显示提示信息
JavaScript示例
📊 计数器
0
💬 点击按钮显示消息
JavaScript代码说明
function showMessage() { ... } 定义一个函数document.getElementById('id') 找到网页元素element.innerText = '新文字' 改变文字内容onclick="函数名()" 点击时执行函数
🎯 小练习
1. 修改计数器的初始值
2. 改变显示的消息文字
3. 尝试添加一个新的按钮
4. 思考:还能做什么有趣的互动?
🌟 三课总结
• HTML = 网页的骨架(结构)
• CSS = 网页的化妆师(样式)
• JavaScript = 网页的大脑(交互)
• HTML = 网页的骨架(结构)
• CSS = 网页的化妆师(样式)
• JavaScript = 网页的大脑(交互)