第16课：JavaScript是什么
进度 0/30
🧠
JavaScript是什么
让网页长出大脑的编程语言
📖知识引入
🧠JS是网页的大脑
HTML是身体、CSS是衣服、JavaScript是大脑：会思考、会反应、会记事。网页里「活」的部分——轮播、游戏、弹幕——全是它干的。
💬JS能干什么
点按钮弹消息、做计算器、写小游戏、实时显示时间……你在网页上除了「看」以外的一切动作，背后都有JS的身影。
🔢变量是贴标签的盒子
let age = 12; 把12装进名叫age的盒子。以后要用12，喊age就行；想换数字，重新装一次——盒子还是那个盒子。
🔀if/else：如果……就……
if (下雨) { 带伞 } else { 戴墨镜 }。程序靠它做判断，网页靠它见机行事——这就是「智能」的起点。
🤖AI写JS最拿手
JS是AI最熟练的语言之一。描述清楚「点击后要发生什么」，AI写得又快又好；看不懂还能让它逐行解释！
💡
HTML是身体、CSS是衣服、JavaScript是大脑！
🔍给网页做个体检
<button id="helloBtn">点我试试</button>
<script>
// 第1步：找到按钮
let btn = document.getElementById("helloBtn");
// 第2步：竖起耳朵，监听点击
btn.addEventListener("click", function () {
// 第3步：点击后要做的事
alert("你好呀！我是会思考的网页 🧠");
});
</script>假设网页是个「人」，做次全身检查：
🦴 骨骼（HTML）：正常 有标题、有段落、有按钮
👕 衣服（CSS）：正常 颜色协调、排版整齐
🧠 大脑（JavaScript）：缺失！
点按钮→没反应
点图片→没反应
滑动页面→死气沉沉
诊断结论：植物人网页 😵 只会站着好看，不会互动。
💊 处方：装上JS大脑！ 右边代码就是最小「大脑」： 点一下按钮， 网页就跟你打招呼—— 它「活」过来了！
从这节课起， 你做的网页开始会「思考」。
🎯小测验
第1题：JavaScript在网页三剑客中的角色是？
第2题：「let score = 95;」这行代码在做什么？
第3题：想让网页「如果没登录就显示登录按钮，登录了就显示头像」，用什么实现？
📝本课知识点
- ✓JavaScript是网页的大脑
- ✓变量=贴了标签的盒子
- ✓if/else让程序会判断
- ✓网页里活的部分都是JS
- ✓AI写JS又快又好
第16课完成！继续探索下一课吧 🚀