js实现扫雷游戏

javascript作为前端常用的开发语言，越来越多的人都在学习它，今天就教大家利用js来实现基本的扫雷游戏。由于本篇文章主要面向于初学者，因此在思想上我会尽最大努力让它简单化，若有读者看完有不明白请多多反馈。

预备知识：Javascript语言的基础知识，HTML、CSS（这里用的不多，了解一点即可），数据结构

首先，我先简单的介绍一下扫雷游戏的基本规则（了解规则的跳过即可）

1.初始状态，玩家只能看到若干个方格，方格可以被点击

2.若点击的方格是雷，则显示棋盘上的所有雷，游戏结束，当前被点击的雷块的背景颜色发生变化，并且这时点击任何方格将不会有任何反应。

3.若点击的部分不是雷，并且该块的四周有雷，则该块显示周围雷的数量。

4.若点击的部分不是雷并且该块的四周没有雷，该块显示空白，并且周围无雷区域会自动打开。

5.右键点击，点击后可以标记玩家认为是雷的方格。（如图红色的方格）

主要的规则就这些，接下来整理一下整体思路（以9*9的棋盘为例）

1.创建棋盘边界的div

2.初始化棋盘，即创建若干个方格div，并且将每个div给予一个id值，保证每个id是相互独立的，之后依次添加到边界div中即可