iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

JavaScript 30天 跟著一起做一遍!!!系列 第 11

[Day12] Key Sequence Detection (KONAMI CODE)

  • 分享至 

  • xImage
  •  

[Day12] Key Sequence Detection (KONAMI CODE)

按鍵序列檢測

需要用到的技巧與練習目標

  1. keyup
  2. splice
  3. join
  4. include

splice

splice( 從要刪除的索引位置開始 , 刪除的元素數量 ,要插入的元素)

var myFish = ['angel', 'clown', 'mandarin', 'sturgeon'];
var removed = myFish.splice(2, 0, 'drum');

// 從第二個索引 刪除0個 並且加入"drum"
// myFish 為 ["angel", "clown", "drum", "mandarin", "sturgeon"]


const pressed =[];
const secretCode = 'wesbos'

window.addEventListener('keyup',(e)=>{ 
pressed.push (e.key);
pressed.splice( -secretCode.length - 1 , pressed.length -secretCode.length );

if(pressed.join('').includes(secretCode)){
 console.log('Ding! Ding!')
}

})


上一篇
[Day10] Hold Shift to Check Multiple Checkboxes
下一篇
[Day11] Custom HTML5 Video Player
系列文
JavaScript 30天 跟著一起做一遍!!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言