[web] 기본 더하기 연산 게임 개발 [PlusPlus]

☑️ 기본 더하기 연산자 게임 조건 ☑️

1. 어떤 이벤트  A 가 발생하면 1~100 사이의 랜덤 숫자가 하나 생성 (반복)

2. 최소 3개의 숫자가 발생하면 이벤트 B 를 통해 세개의 숫자를 더해서 제시

---

🎯 PlusPlus Game 규칙 🎯

1.   Start Game 버튼을 눌러 게임을 시작한다

2. 버튼을 누르면 60초동안 진행

3. 세개의 카드를 눌러 랜덤 숫자를 확인,

4. 3개의 카드를 모두 뒤집어야지만 답이 생성

5. 제한시간 60초 내에 빠르게 랜덤숫자 3개의 총합을 입력

6. 게임 중간 Reset Game 버튼을 누르면 재시작 가능

7. 게임종료 후 Score 출력 

 

 

💡 SKILL 💡

1. HTML,CSS,JavaScript를 사용

2. css는 tailwindcss 를 적용

 

💡 오픈 API 활용 💡

https://github.com/Amey-Thakur/THE-MATH-GAME

GitHub - Amey-Thakur/THE-MATH-GAME: It is a simple multiplication game to test how well we are at arithmetic.

위의 오픈API를 활용해서 기본 틀을 쉽게 구현하였다.

코드에서 곱하기 문제의 답을 고르는 것을 랜덤 숫자 구현으로 바꾸고,모든 카드를 뒤집으면 문제가 생성되게 바꾸었다. 

 

 

 

👇 완성된 전체 코드와 웹사이트는 아래에서!! 👇

https://plusplus1.vercel.app/

SQUAD-PlusPlus (by eunseoPark)

 

https://github.com/arty0928/PlusPlus_Game-Basic-Arithmetic-game-/blob/master/README.md

GitHub - arty0928/PlusPlus_Game-Basic-Arithmetic-game-

https://www.youtube.com/watch?v=3v4QWCMZ-g8