[JS30] Day.12 Key Sequence Detection

# [JS30] Day.12 Key Sequence Detection ###### tags: `JS30` ## 任務 Task 當輸入符合 `secretCode` 的文字，則跳出答對的動畫。 ==完成時間：5min== ## 步驟 Step 1. 監聽 `window` 的 `keyup` 將 `e.key` `push` 進一個 `array`。 2. 用 `splice` 將從後面符合 `secretCode` 文字長度的項目保留。 3. 使用 `join("")` 將 `array` 轉換成文字去做比對，符合則執行動畫。 ## 筆記 Note ### JS Array.splice() * 移除指定位置、數量的 `element` ，並可以加入新的 `element`。 * 語法： ```javascript= Array.splice(start, deleteCount, item1, item2) ``` * JS30技巧： ```javascript= pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length); //從後倒數指定文字的長度減一，只要超過就把前一個扣掉。 ``` ### ### ###