본문 바로가기
Programming & Platform/JavaScript

javascript 문법 과제 숫자 맞추기 게임

by 코드스니펫 2023. 10. 17.
반응형

javascript 문법 과제 숫자 맞추기 게임

 

스파르타 로고

 

5주차의 javascript 문법 강의를 마치고 마지막 숙제로 숫자 맞추기 게임 구현이 주어졌습니다. 그동안 배운 문법들을 활용하여 아래와 같이 구현하였습니다. 

 

과제 문제 

 

 

인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강

1시간 만에 코딩을 무료로 배워 인생사진을 모아 추억을 기록하는 네컷사진으로 만들어보세요.

spartacodingclub.kr

 

문제는 다음과 같이 주어졌습니다.

20이상 120 이하의 랜덤한 숫자를 맞추는 페이지로 10번의 기회가 주어입니다.

 

숫자 맞추기 게임

 

예측한 숫자는 입력하여 맞는지 확인 가능하고, 예측한 숫자들과 남은 기회를 알려줍니다.

 

숫자 맞추기 게임2

 

이렇게 해서 만든 사이트는 다음의 링크를 통해 확인할 수 있습니다.

 

 

Number Guessing Game

숫자 맞추기 게임 20이상 120이하의 랜덤한 숫자를 맞춰보세요. 기회는 10번 입니다. 예측한 숫자들: 남은 기회: 10

lemon-table.github.io

 

끝으로

 

 

전부 작업한 것이 아닌 페이지의 동작하는 부분을 수정하여 만든 페이지로, 소스를 하나하나 보면서 어떻게 연결되어 있는지 살펴보니 문제를 이해하고 풀어낼 수 있었습니다. 현업에서도 실제 이렇게 유지보수가 이뤄지겠다는 생각이 들기도 했고, 코드를 보고 이해하는게 얼마나 중요한 능력인지 실감할 수 있어서 유익한 시간이었습니다.

 

▼ 아래 글도 읽어보세요! ▼

 

 

내일배움캠프 공부법 특강 - 개발자가 되기 위한 공부 방식, 태도 소개

내일배움캠프 공부법 특강 - 개발자가 되기 위한 공부 방식, 태도 소개 (최양임 매니저님 강의) 내일배움캠프 중 공부법 특강을 듣고 나서 강의 정리한 내용과 소감에 대해 작성하였습니다. 4개

lemonlog.tistory.com

 

 

Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법

Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법 Node.js를 사용하기 위해서는 설치 작업이 필수 입니다. 설치시 기본 다운로드 방법과 최신버전 다운로드 방법 및 설치과정, 설치가 제대로 이

lemonlog.tistory.com

 

 

파이어베이스 파이어스토어 데이터 가져오기 - 웹 javascript 코드 제공

파이어베이스 파이어스토어 데이터 가져오기 - 웹 javascript 코드 제공 이 글에서는 파이어베이스 파이어스토어로 데이터 가져오는 작업하면서 알게 된 파이어스토어에 있는 데이터 가져오는 코

lemonlog.tistory.com