近日，全球知名免费编程学习平台Free Code Camp上的一则求助帖引发热议。一位学员在社区中发问：“How do I get step 13 of the free code camp build a fortune teller to pass?”（如何通过Free Code Camp“构建占卜师”项目的第13步？）该问题迅速获得数百条回复，不少学习者表示自己同样卡在这一环节，甚至有人因此搁置了整个项目。记者就此展开调查，并邀请编程教育专家为学习者答疑解惑。
项目背景：从“占卜师”到编程思维
Free Code Camp的“Build a fortune teller”（构建占卜师）是前端开发课程中的一个经典项目，要求学员使用HTML、CSS和JavaScript实现一个交互式占卜机：用户输入问题后，程序随机返回一条寓意运势的语句。该项目的难度等级为中低档，旨在锻炼学员的DOM操作、事件处理与基础算法能力。然而，这位学员口中的“第13步”却成了不少人的拦路虎。
根据Free Code Camp的课程设计，每个项目被拆解为多个迭代步骤，每完成一步即可通过测试。第13步的具体要求是：“当用户在输入框中键入问题并点击按钮后，页面应显示一条随机占卜结果，且该结果必须来自预定义的数组，同时不能重复显示上一次的结果。”看似简单的描述，实则隐含了数组操作、条件判断、状态管理等多个知识点。
难点剖析：逻辑陷阱与常见错误
记者联系到多年从事编程教育、曾参与Free Code Camp中文翻译工作的资深讲师王建明。王老师表示，第13步的难点在于“避免重复”这一细节。“很多学员能写出随机生成结果的代码，但往往忽略了上一次结果与本次结果的对比逻辑。直接使用Math.random()随机选取数组元素，有几率连续两次抽到相同结果，而这正是测试用例所不允许的。”
更常见的错误还包括：混淆了全局变量与局部变量的作用域，导致previousResult状态无法保持；未正确处理用户输入为空的情况；以及将占卜结果数组错误地定义在函数内部，每次调用都重置数组。王老师指出：“Free Code Camp的测试脚本非常严格，它不仅要看功能实现，还要求代码结构符合特定模式。例如，项目要求必须使用getElementById获取元素，而非querySelector，否则测试也会失败。”
专家支招：分步拆解与调试策略
针对如何通过第13步，王建明给出了详细建议。首先，检查HTML结构是否与官方示例完全匹配，包括输入框的id属性、按钮的click事件监听等。“很多学员因为改动了元素的id导致测试无法定位，这是最容易被忽视的问题。”
其次，在JavaScript部分，应确保在全局作用域中定义一个数组answers存放所有占卜结果，并声明一个变量lastAnswer来存储上一次显示的答案。核心逻辑可写为：
let lastAnswer = "";
function getFortune() {
let randomIndex;
let fortune;
do {
randomIndex = Math.floor(Math.random() * answers.length);
fortune = answers[randomIndex];
} while (fortune === lastAnswer);
lastAnswer = fortune;
document.getElementById("output").innerText = fortune;
}
王老师强调，do...while循环能保证至少执行一次，且在结果相同时继续循环，直到取得不同结果。此外，需要处理数组为空或只有一个元素时的边界情况，否则会出现无限循环。测试环境中，官方提供的答案数组至少包含10个元素，通常无此风险。
社区力量：在线互助中的学习之道
除了技术细节，该学员的求助帖也折射出编程学习中的心理现象。在社区回复中，部分用户直截了当贴出了完整代码，遭到其他用户批评：“直接给答案会毁掉学习过程。” Free Code Camp的核心理念是“学习如何学习”，鼓励学员通过查阅文档、调试问题来培养独立解决问题的能力。
记者发现，在近千条回复中，点赞最高的并非代码答案，而是一条建议：“把你现在卡住的步骤截图，然后在Chrome开发者工具中手动运行一遍逻辑，看看控制台报什么错。你离成功只差一个console.log。”这条回复获得五百余人感谢，表明社区更倾向于授人以渔。
专家建言：编程学习中的“坎”是成长的阶梯
王建明在采访最后总结道：“Free Code Camp的第13步看似微不足道，但它恰恰反映了学习者从‘写得出’到‘写得对’的一次关键跨越。许多人在此止步，不是因为他们不够聪明，而是因为缺乏耐心和系统调试的方法。建议所有卡住的学习者先停下来，用纸笔画出流程图，再对照官方测试用例一行行检查，往往能豁然开朗。”
截至发稿时，那位发帖学员已在评论区通报最新进展：“我终于通过了！原来是我把previousResult写在了函数里面，每次运行都被重置。感谢大家的帮助！”这一消息引来一连串祝贺和“热泪盈眶”的表情符号。在编程学习的漫漫长路上，一个小小的bug，一段共同的挣扎，或许正是社区最温暖的力量。
（完）