Key Detection (javascript30 - 12)

비밀키를 누르면 유니콘이 나오도록 하는 것입니다.

(https://github.com/KIMSG/javascript30/blob/master/day12/index.html)

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<script>     const pressed = [];     const secretCode = 'wesbos';     window.addEventListener('keyup', (e) => {         console.log(e.key);         pressed.push(e.key);         pressed.splice(-secretCode.length -1, pressed.length - secretCode.length);         if(pressed.join('').includes(secretCode)){             console.log('DING');             cornify_add();         }         console.log(pressed);     }) </script> Colored by Color Scripter

cs

window전체에 keyup에 대한 이벤트를 준다.

눌려진 키를 pressed라는 배열에 전부 담는다.

secretCode 의 문자열 길이가 6이고 -1 해서 5가 되고 - 를 붙여서 -5를 만든다.

pressed라는 배열에는 앞에서 입력한 문자가 차례로 담긴다.

입력한 문자열이 wesbos인지 알기 위해서 문자열의 맨 처음인 w부터 찾는 것이다. 만일 입력한 문자열의 마지막까지가 전부 일치 한다면 

cornify_add() 를 부르는 것이다.

cornify_add는 head에서 외부 js를 부르는 곳에 선언되어 있다.