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. 함수의 활용성
'웹(Web) > 프로젝트' 카테고리의 다른 글
할 일 앱 (0) | 2024.04.04 |
---|---|
Scroll 이벤트 위주의 사이트 만들어 보기 (0) | 2024.02.27 |