본문 바로가기
챌린지/JavaScript 30일 챌린지

[JavaScript 30일 챌린지] : 12일차

by 오주현 2022. 2. 8.
반응형

<script>
constpressed= [];
constsecretCode= '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 DING!');
    cornify_add();
  }
console.log(pressed);
});
</script>

이번에는 시크릿 키를 정해두고 해당 키를 눌렀을 때 액션이 일어나도록 하는 JS 코딩이다.

console.log(e.key); 를 통해 방향키를 눌렀을 때 로그를 남길 수 있다. 배열에 누적되어 들어간다.

시크릿 키는 wesbos로 정해두었고 콘솔이 아닌 화면에 입력하면 숨겨진 기능이 나오게 된다.

 

이렇게 다른 문자를 입력하면 나오지 않고

 

지정해둔 시크릿 키를 입력했을 때 화면에 나오게 된다.

 

 

반응형

댓글