7.3.4 结束游戏

  正如我们所看到的,主游戏循环条件是remainingLetters>0,所以只要还有待猜测的字母,这个循环就会一直继续。一旦remainingLetters为0,将跳出这个循环。使用如下代码结束游戏:

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

  第1行使用alert方法展示最终的answerArray数组。第2行再次使用alert来祝贺玩家获胜。

7.4 游戏代码

  现在,我们已经看到这个游戏的全部代码,接下来只需要把它们组织到一起。下面是Hangman游戏完整的程序清单。其中,从头到尾都添加了注释,以便你更容易看到在每个位置发生了什么事情。它比我们之前编写的代码都要长,但是录入一遍代码会帮助你更加熟悉如何编写JavaScript。创建一个名为hangman.html的新的HTML文件,然后在其中录入如下的代码:

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

  如果游戏不能运行,请检查录入是否完全正确。如果出了错,JavaScript的控制台可以帮助你找到错误所在。例如,如果拼写错一个变量名称,就会看到如图7-6所示的信息,指出发生错误之处。

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

          图7-6在Chrome控制台中的JavaScript错误

  如果单击hangman.html:30,就会看到出错的那一行。在这个示例中,它告诉我们在while循环的起始处,把remainingLetters错误地拼写为remainingLetters了。

《avascript-少儿编程》第七章-编写游戏代码(结束游戏)

  试着玩几次游戏。游戏的工作方式和你预期一样吗?当你玩游戏时,能想象到自己所编写的代码在后台运行吗?