Number-guess-game

image 술게임 Up Down에서 영감을 받은 프로젝트입니다.

https://number-guess-game-ch.netlify.app/

기능

컴퓨터는 게임이 시작할때 랜덤한 숫자를 뽑는다

유저는 숫자를 입력할 수 있다

유저가 입력한 숫자가 컴퓨터가 뽑은 숫자보다 작으면 Up! 이라고 알려준다

유저가 입력한 숫자가 컴퓨터가 뽑은 숫자보다 크면 Down! 이라고 알려준다

유저가 입력한 숫자가 컴퓨터가 뽑은 숫자와 일치하다면 That's right이라고 뜨고 게임이 종료된다.

유저는 총 5번의 기회가 있다

게임이 종료되면 버튼은 비활성화된다

리셋버튼을 누르면 게임이 초기화된다

유저가 1~100범위 밖에 숫자를 입력할시에 경고메세지가 뜬다

유저가 이미 입력한 값을 또 입력할 시에 경고메세지가 뜬다

반응형 UI

사용한 기술

HTML

CSS

Vanila Javascript