프로그래머가 되는 꿈

1. 가위바위보 게임 (9) 본문

프론트엔드 (Front-end)/React 프로젝트

1. 가위바위보 게임 (9)

AI박사 2026. 1. 17. 18:11

<알고리즘(순서)>

1. 박스 2개 (타이틀,사진,결과)

2. 가위 바위 보 버튼이 있다.

3. 버튼을 클릭하면 클릭한 값이 박스에 보인다.

4. 컴퓨터는 랜덤하게 아이템 선택이 된다.

5. 3,4의 결과를 가지고 누가 이겼는지 승패를 따진다.

6. 승패 결과에 따라 (박스의) 테두리 색이 바뀐다. (이기면 - 초록, 지면 - 빨강, 비기면 - 검정)

 

<앞에서...>

Math.floor()함수를 통해 앞에있는 숫자만 따와서 인덱스 번호를 가져온다.

예시


<이제부터>

인덱스번호는 알아냈다. 

final값이 itemArray에 randomItem의 인덱스 번호 받은 것을 넣어두면 

 

 

final paper

 

final scissors

 

final rock

이젠 숫자가 아닌 아이템 이름으로 나옴!

(인덱스 번호에 맞춰서 아이템 이름이 반환된다.)

 

32번줄의 choice[final]이 24번의 computerChoice로 들어간다.

setComputerSelect()을 초기화시켜줄게요. 뭘로?  computerChoice의 값으로... 넣어준다.

 

 

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

'프론트엔드 (Front-end) > React 프로젝트' 카테고리의 다른 글

2. 날씨앱 만들기 (1)  (0) 2026.01.18
1. 가위바위보 게임 (10)  (0) 2026.01.18
1. 가위바위보 게임 (8)  (0) 2026.01.17
1. 가위바위보 게임 (7)  (0) 2026.01.17
1. 가위바위보 게임 (6)  (0) 2026.01.17