點擊右上方紅色按鈕關注“web秀”，讓你真正秀起來

一、預覽

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();
}

公告

閱讀更多 web秀 的文章

關鍵字: 編程語言 JavaScript 技術