안녕하세요! 소개하는 거북이입니다.
이 페이지에 들어오실 때, 위에 뜨던 상태창을 보셨나요?
이번에는 유명한 게임인 리그오브레전드의 챔피언이 킬을 했을 때 나오는
킬 상태창을 모티브로 미니 킬 상태 창을 제작 해봤습니다.
새로 고침을 하면 매번 다른 내용이 나온답니다!
자바스크립트를 이용했고,
alert를 이용해 이 페이지에 들어오면 볼 수 있게끔 제작하였습니다.
이것은 그냥 제가 배운 내용을 토대로 제작한
코딩 초보의 결과물이니 오해없으시길 바라겠습니다.
이게 제가 만든 미니 킬 상태 창 코드입니다.
See the Pen mdOMpPE by JaeyongLee (@jaeyonglee960212) on CodePen.
- 절차 -
1. 형용사 목록을 만듭니다.
2. 칭호 목록을 만듭니다.
3. 챔피언 목록을 만듭니다.
4. 형용사 목록에 있는 단어 중 하나를 임의로 선택하여 형용사 변수에 지정합니다.
5. 칭호 목록에 있는 단어 중 하나를 임의로 선택하여 칭호 변수에 지정합니다.
6. 챔피언 목록에 있는 단어 중 하나를 임의로 선택하여 챔피언 변수에 지정합니다.
7. 소환사 이름이라는 변수에 형용사 + 칭호 + 챔피언을 합쳐서 작성합니다.
8. return을 이용해 함수를 종료하고, 주어진 값을 호출 지점으로 반환합니다.
9. alert을 이용해 페이지 내에 알림창으로 작성된 문장을 보여줍니다.
10. document.write을 이용해 작성된 문장을 화면에 나타내줍니다.
신기하시죠? 아마 나중에 제가 자바스크립트에 대해 더 배우게 된다면
더 멋있게 꾸밀 수 있으리라 믿습니다 ㅎㅎ
이상 미니 킬 상태 창 제조기 프로젝트였습니다!
'javascript > 게임' 카테고리의 다른 글
| Hangman 게임 - 1 (0) | 2021.02.10 |
|---|