---
# System prepended metadata

title: '[JS30] Day.12 Key Sequence Detection'
tags: [JS30]

---

# [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
### <font color=#337EA9>JS Array.splice()</font>
* 移除指定位置、數量的 `element` ，並可以加入新的 `element`。
* 語法：
```javascript=
Array.splice(start, deleteCount, item1, item2)
```
* JS30技巧：
```javascript=
pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length);
//從後倒數指定文字的長度減一，只要超過就把前一個扣掉。
```

### <font color=#337EA9></font>
### <font color=#337EA9></font>
### <font color=#337EA9></font>

