JavaScript成语消消乐

JavaScript成语消消乐

基本面向过程的思想。没有面向对象的部分。

1. 准备好成语库。db.js
2. 选出每一关的成语。
3. 对成语进行乱序。
4. 初始化表格的同时，将单个字放到每个单元格的按钮上展示。
5. 对tbody进行点击事件的监听。事件函数中获取btn。用变量记录选中的文字。
6. 判断得分、判断下一关、判断游戏结束(成语库毕竟用数组来保存。成语数量有限。)

只有两个文件：index.html和db.js

核心方法：

1、 每关成语，返回乱序前的拼接字符串，并存储本关成语数组

2、 打乱成语字符串

3、加载界面

4、 检查点击成语是否匹配

//判断选择的成语，是否能够组成一个四字成语。 var find = false; //是否匹配标志位。 for (var i = 0; i < this.chooseData.length; i ) { if (this.recordChooseText == this.chooseData[i]) { find = true; break; } }

5、 匹配后消除正常的

for (var i = 0; i < XXL.recordChooseBtn.length; i ) { XXL.recordChooseBtn[i].remove(); } 公告

喜欢小编的点击关注，了解更多知识！

演示地址源码点击下方“了解更多”。