今天闲来无事，突然想玩扫雷，但是又不想下载，就想着能不能直接在网页上玩。你还别说，真让我给折腾出来！过程还挺有意思，现在就来跟大伙儿分享一下。
我也就是瞎琢磨。打开浏览器，新建一个空白页面，然后就开始敲代码。先用<div>搭个架子，整个大框框，准备用来放扫雷的格子。
准备工作
搭好架子后，我开始琢磨怎么把那些格子画出来。我用<table>，毕竟表格用来做这种整整齐齐的东西最合适。然后就是<tr>和<td>，一行一行，一列一列的，把格子都给画为让格子看起来像那么回事，我还给它们加点样式，设置宽高，加边框，整的像模像样的。
接下来是重点！ 怎么在这些格子里埋雷？我想个法子，用 JavaScript 生成随机数，然后根据随机数，在对应的格子里放上表示“雷”的标记。为方便后面计算周围雷的数量，我还给每个格子都加个自定义属性，用来记录它周围雷的数量。
小编温馨提醒：本站只提供游戏介绍，下载游戏推荐89游戏，89游戏提供真人恋爱/绅士游戏/3A单机游戏大全，点我立即前往》》》绅士游戏下载专区
逻辑实现
埋好雷之后，就要开始琢磨怎么玩。得能点格子？我给每个格子都加个点击事件。点一下，格子得有反应。如果是雷，那当然就“Game Over”。如果不是雷，那就得把格子翻开，显示周围雷的数量。
- 如果是雷，直接结束，弹个提示框啥的。
- 如果不是雷，那就得把格子翻开，显示周围雷的数量。
- 这里我还加个判断，如果周围雷的数量是0，那就得自动把周围一圈的格子都翻开，这样玩起来才顺畅嘛
为实现这个自动翻开的功能，我可是费不少劲。我用一个叫递归的方法。简单来说，就是一个格子一个格子的去判断，如果是0，就继续翻开周围的格子，直到遇到不是0的格子为止。
收尾工作
基本功能都搞定之后，我还加点锦上添花的东西。比如，加个计时器，看看你扫雷花多少时间。还加个标记功能，右键点击格子，可以给它插个小旗，表示这里可能是雷，防止误点。
我还稍微美化一下界面，调调颜色，加点阴影啥的，让它看起来更舒服一点。经过一番折腾，这个在线扫雷小游戏总算是大功告成！虽然代码写得有点糙，但是能玩就行，哈哈！
这回的实践让我感觉，很多东西看起来很难，但只要你肯动手去做，一步一步来，总能把它给做出来的。而且在这个过程中，你还能学到很多东西，挺有成就感的！
