今天心血来潮，想搞个数字华容道小游戏玩玩，就上手鼓捣一个。
准备阶段
一开始没啥头绪，就想着先弄个界面出来再说。琢磨着，这玩意儿不就是一堆格子嘛用 HTML 里的表格（<table>）来做最合适不过。
然后，每个格子里的数字得能随机变化，还得能点来点去的，这肯定要用到 JavaScript 。为让代码写起来更顺手，我决定用 jQuery 这个库，毕竟它操作 DOM 元素方便多。
开工
先搭个 HTML 的基本架子，里面放一个 <table>，给它设置好行数和列数。为方便，我一开始就弄个 4x4 的格子。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
然后写 CSS，把表格的样式美化一下，每个格子给它点颜色，设置好宽高什么的，让它看起来像那么回事。
接着就是重头戏，用 JavaScript 来实现游戏的逻辑。
- 生成随机数字： 先搞一个数组，把 1 到 15 的数字（4x4 的格子，留一个空格）放进去，然后写个函数把这个数组的顺序打乱，这样每次打开页面数字的排列都不一样。
- 把数字填到格子里： 循环遍历表格的每个单元格（
<td>），把打乱后的数组里的数字一个个填进去，记得留一个格子是空的。 - 点击事件： 给每个格子绑定一个点击事件，当点击某个格子的时候，判断它周围有没有空格子，如果有的话，就把点击的格子和空格子交换位置。
- 判断游戏是否完成： 每次交换格子后，都检查一下当前的数字排列是否是 1 到 15 的顺序（空格子在3），如果是的话，那就说明游戏完成，弹个提示框出来。
遇到的坑
做的时候也遇到一些小问题。
-
刚开始的时候找当前元素在表格中的位置,有些不确定后头还是反应过来,使用
index()可以获取到当前点击的格子的索引，再根据行数和列数计算出它在表格中的位置。
收尾
功能都实现得差不多，再稍微修饰一下，比如加个计步器，显示玩家走多少步；再加个计时器，看看玩家用多长时间完成游戏。这些都是锦上添花的东西，有时间再慢慢弄。
这回做数字华容道小游戏还是挺有意思的，虽然中间遇到一些小麻烦，但最终还是搞定，感觉自己又进步一点点。
