詹彬，王敏，黄小童

（湖北文理学院计算机工程学院，襄阳441053）

0 引言

JavaScript程序设计是湖北文理学院计算机科学与技术专业的一门必修课程。文档对象模型DOM（Docu⁃ment Object Model）是JavaScript教学中一个重要内容。

在教学过程中发现，如果只是简单地介绍DOM结点操作的基本语法和某个知识点的简单案例，学生的工程实践能力不能得到提高。社会需要新工科人才，教学内容应该以解决实际问题为导向，增强学生综合利用所学知识解决实际问题的能力[1]。因此，在教学计划中用4个学时讲解DOM综合应用案例。综合应用案例的设计对教学效果的提高至关重要。本文以简易打字游戏为例进行讲解，以提高学生分析和解决实际问题的能力。

1 教学目的

在综合应用案例教学之前，学生已经学习了DOM编程的基本语法以及各个知识点的简单应用案例。通过综合性应用案例，使学生能够学以致用。

模拟金山打字通里面的打字游戏，设计一个简易打字游戏。简易打字游戏案例涉及的DOM知识点包括DOM结点的获取、DOM结点的动态增加和删除、DOM结点样式的修改及内容的设置，涵盖了DOM的大部分操作。

2 教学方法

该打字游戏每隔一秒从游戏窗口最下方随机产生一个英文字母节点，如果用户键入字母与游戏界面中的字母相同，则删除该字母节点；否则字母节点上升，当超出游戏界面，则字母节点消失[2-3]。通过演示简易打字游戏的运行过程，让学生形象地理解案例的功能。

把案例分为六个单元。第一个单元设置字母节点的样式及内容。……