Javascript小型專案練習14 Key Sequence Detection (KONAMI CODE)(JS30-12)

HTML

//none

CSS

//none

Javascript

 const pressed = []
 const secretCode = 'danny'
 window.addEventListener('keyup', (e) => {
      pressed.push(e.key)
      pressed.splice(-secretCode.length - 1, pressed.length - secretCode.length)
      console.log('after splice', pressed);
      if (pressed.join('').includes(secretCode)) {
        console.log("ding ding ding");
        cornify_add()
      }
 }) 

學習重點

• 複習keyup事件的使用
• 複習splice的使用，注意程式碼是怎麼控制陣列中只能有指定數量的元素的，這點寫得很有意思

最終成品

當猜到設定的密碼時就會產出一隻獨角獸，點擊畫面上的獨角獸就會越來越多，最後變成像這個的地獄場面~