본문 바로가기
웹(Web)/프로젝트

Up & Down

by JennieJuno 2024. 4. 3.

 

1. 랜덤번호 지정
2. 만약에 유저가 랜덤번호를 맞추면, 맞췄습니다!
3. 랜덤번호가 < 유저번호 Down!!
4. 랜덤번호가 > 유저번호 Up!!
5. Rest버튼을 누르면 게임이 리셋된다
6. 5번의 기회를 다쓰면 게임이 끝난다 (더이상 추측 불가, 버튼이 disable)
7. 유저가 1~100 범위 밖에 숫자를 입력하며 알려준다. 기회를 깍지 않는다
8. 유저가 이미 입력한 숫자를 또 입력하면,  알려준다, 기회를 깍지 않는다
9. 검색창에 마우스를 포커스 했을 시 자동으로 글 지워짐

 

1.랜덤 번호 지정

 

2. 만약에 유저가 랜덤번호를 맞추면, 맞췄습니다!(정답을 맞췄을 시 go disabled)
3. 랜덤번호가 < 유저번호 Down!!
4. 랜덤번호가 > 유저번호 Up!!

 

5. Rest버튼을 누르면 게임이 리셋된다

 

6. 5번의 기회를 다쓰면 게임이 끝난다 (더이상 추측 불가, 버튼이 disable)

 

7. 유저가 1~100 범위 밖에 숫자를 입력하며 알려준다. 기회를 깍지 않는다

8. 유저가 이미 입력한 숫자를 또 입력하면,  알려준다, 기회를 깍지 않는다

 

9. 검색창에 마우스를 포커스 했을 시 자동으로 글 지워짐

 

이 프로젝트를 만들며 배운점

1. input 값을 받고 그 값을 활용하는 법

2. disabled

3. innerHTML과 textContent의 차이

(innerHTML: 태그 안에있는 HTML 전체 내용을 들고옴, textContent:해상 노드가 가지고 있는 테그트 값을 그대로 가져옴)

4. 함수의 활용성

 

GitHub: https://jenniejuno.github.io/Up-Down/

'웹(Web) > 프로젝트' 카테고리의 다른 글

할 일 앱  (0) 2024.04.04
Scroll 이벤트 위주의 사이트 만들어 보기  (0) 2024.02.27