숫자 맞추기 게임

웹 화면

모바일 화면

기능

• 컴퓨터는 게임이 시작할때 랜덤한 숫자를 뽑는다
• 유저는 숫자를 입력할 수 있다
• 유저가 입력한 숫자가 컴퓨터가 뽑은 숫자보다 작으면 Up! 이라고 알려준다
• 유저가 입력한 숫자가 컴퓨터가 뽑은 숫자보다 크면 Down! 이라고 알려준다
• 유저가 입력한 숫자가 컴퓨터가 뽑은 숫자와 일치하다면 Correct!이라고 뜨고 게임이 종료된다.
• 유저는 총 5번의 기회가 있다
• 게임이 종료되면 버튼은 비활성화된다
• 리셋버튼을 누르면 게임이 초기화된다
• 유저가 1~100범위 밖에 숫자를 입력할시에 경고메세지가 뜬다
• 유저가 이미 입력한 값을 또 입력할 시에 경고메세지가 뜬다
• 반응형 UI

사용한 기술

• HTML
• CSS
• Vanila Javascript

그림 출처 : https://i.pinimg.com/originals/3e/bb/02/3ebb02ea1c6ce7193314dcd200b071ff.jpg

데모 앱 : https://updwon-game.netlify.app/