第9章 管理DOM.ppt

管理DOM Woggle游戏介绍 编写XHTML和CSS 编写事件处理程序 服务器端编程 * Woggle游戏界面 Woggle是一个在线单词生成游戏。 游戏界面如下： * Woggle游戏规则 游戏开始时要创建一个由字母组成4 X 4表格。每一次这些字母都应该是随机的。 玩家点击字母在右上方的单词框中建立单词。 玩家可以提交这个单词来看它是否合法。 游戏会计算玩家提交的这个单词的得分情况：1个元音得1分，一个辅音得2分。 已经用过的单词会增加到右下方的单词框中。 一个方块在一个单词中只能用一次。一个方块如果已经用过，只有到开始构建一个新单词时才能再次可选。 * 分析任务 任务1：建立包含随机方块的游戏盘面。需要一种方法提供一组随机的字母。然后必须在4 X 4的游戏盘面上为各个字母显示适当的图像。这些可能都要在initPage()之类的函数中完成。 任务2：点击一个方块将字母增加到当前单词中。每个方块上需要一个事件处理程序。这个事件处理程序应当得出点击了哪个字母，并把它增加到右边的currentWord（当前词）框中。然后，应当在表格中禁用所点击的方块。 * 分析任务（续） 任务3：用户可以向服务器提交单词。当用户点击提交单词时，当前词会发送到服务器端程序。我们还要注册一个回调函数处理服务器的响应。 任务4：利用服务器的响应更新得分。服务器响应时，必须更新得分，并向“used