https://github.com/lethanhvinh0604/guess-moe-number

Game đơn giản với JavaScript
https://github.com/lethanhvinh0604/guess-moe-number

css game html javascript moe

Last synced: 12 days ago
JSON representation

Game đơn giản với JavaScript

Host: GitHub
URL: https://github.com/lethanhvinh0604/guess-moe-number
Owner: lethanhvinh0604
Created: 2023-08-05T07:37:39.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-11-29T13:35:44.000Z (11 months ago)
Last Synced: 2025-08-24T02:21:13.580Z (2 months ago)
Topics: css, game, html, javascript, moe
Language: JavaScript
Homepage: https://lethanhvinh0604.github.io/Guess-Moe-Number/
Size: 23.7 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: readme.md

Awesome Lists containing this project

README

Guess Moe Number

## I. Giới thiệu Project

- Đây là project mình làm game bằng JavaScript. Cũng chỉ là một tựa game đơn giản để mình hiểu hơn về DOM trong JavaScript
- Bạn có thể trải nghiệm tại đây:
> https://suzukisakae.github.io/Guess-Moe-Number/

## II. Cách chơi

- Bạn hãy đoán xem số mà game đang nghĩ là bao nhiêu. Số sẽ nằm trong khoảng từ 1 đến 20
- Nếu bạn đoán sai, game sẽ cho bạn gợi ý là số trước đó nhỏ hơn hay lớn hơn con số của game để bạn đoán chính xác vào lần sau
- Bạn ban đầu sẽ có 20 điểm. Qua mỗi lần đoán thì điểm bạn sẽ -1. Nếu đoán đúng con số thì bạn sẽ nhận điểm hiển thị vào lúc đó. Ví dụ: Bạn đoán sai 3 lần thì điểm của bạn sẽ là 17 điểm
- Nếu bạn muốn chơi lại, bạn có thể nhấn vào nút `Again!` để chơi lại với con số của game sẽ được tạo mới
- Bạn có thể nhấn vào nút `Music` để có nhạc nền khi chơi

## III. Giao diện trò chơi

### 1. Giao diện ban đầu:

![Alt text](./img/GiaoDienChinh.png?raw=true 'Title')

### 2. Giao diện khi chọn số quá 1-20:

![Alt text](./img/outOfRange.png?raw=true 'Title')

### 3. Giao diện khi chọn số quá thấp:

![Alt text](./img/tooLow.png?raw=true 'Title')

### 4. Giao diện khi chọn số quá cao:

![Alt text](./img/tooHigh.png?raw=true 'Title')

### 5. Giao diện khi hết điểm (gameover):

![Alt text](./img/over.png?raw=true 'Title')

### 6. Giao diện khi đoán đúng số:

![Alt text](./img/correctNumber.png?raw=true 'Title')

## IV. Cảm ơn Bạn đã chơi

![Alt text](./img/moe.gif?raw=true 'Title')