点击右上方红色按钮关注“web秀”,让你真正秀起来
一、预览
二、开发步骤
基本面向过程的思想。没有面向对象的部分。
- 准备好成语库。db.js
- 选出每一关的成语。
- 对成语进行乱序。
- 初始化表格的同时,将单个字放到每个单元格的按钮上展示。
- 对tbody进行点击事件的监听。事件函数中获取btn。用变量记录选中的文字。
- 判断得分、判断下一关、判断游戏结束(成语库毕竟用数组来保存。成语数量有限。)
三、代码
只有两个文件: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();
}
公告
閱讀更多 web秀 的文章
關鍵字: 字符串 消消乐 JavaScript