🧑💻 JavaScript 代码闯关
认真阅读代码和注释,选好全部空位后点"提交"一次性检查
先读代码 → 再选择 → 最后提交
闯关进度
0 / 4 关
1
第一关:欢迎问候
✅ 必做
输入名字点按钮后显示"你好,XXX!"。认真阅读注释,在 3 个空位选择正确答案。
⚠️
规则:
选好 3 个空位后点"提交答案"统一检查。
提交前不显示对错。答错全部重选。
task1.html — 补全 3 个空位
📝 提交答案(3 个空位都选好了再点)
🔒 通关后解锁交互预览
▶ 交互预览
打招呼
(通关后可以试试效果)
2
第二关:密码强度检测
✅ 必做
输入密码后检测强度:少于6位→红色弱,6-9位→橙色中等,10位以上→绿色强。
⚠️
规则同上:
3 个空位全部选好后再提交,答错全部重选。
task2.html — 补全 3 个空位
📝 提交答案(3 个空位都选好了再点)
🔒 通关后解锁交互预览
▶ 交互预览
检测强度
(通关后可以试试效果)
3
第三关:jQuery 修改名片
✅ 必做
用 jQuery 获取输入值,修改名片上的名字。
⚠️
规则同上:
2 个空位全选好再提交。注意 jQuery 选择器的 # 号。
task3.html — 补全 2 个空位
📝 提交答案(2 个空位都选好了再点)
🔒 通关后解锁交互预览
▶ 交互预览
张
张三
保山学院 · 大数据学院
修改名字
⭐
拔高挑战:自己写代码
🏆 加分题
没有选项!根据注释提示,
手动输入正确代码
,写好两行后点提交。
⚠️
规则:
两行都写完再提交。大小写和空格不影响判定,注意选择器格式。
challenge.html — 手写 2 行代码
📝 提交答案(两行都写完再点)
🔒 通关后解锁交互预览
▶ 交互预览
添加标签
保山学院 · 大数据学院 · AI创新应用 · 第2章上机作业