https://github.com/ai31024/rollthedice
Roll the dice program, made with vanilla web tools and bootstrap v5.3.3. Main emphesis is on JavaScript.
https://github.com/ai31024/rollthedice
bootstrap javascript rolldicegame webdevelopment
Last synced: 2 months ago
JSON representation
Roll the dice program, made with vanilla web tools and bootstrap v5.3.3. Main emphesis is on JavaScript.
- Host: GitHub
- URL: https://github.com/ai31024/rollthedice
- Owner: Ai31024
- Created: 2024-08-30T11:06:44.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-22T15:18:35.000Z (almost 2 years ago)
- Last Synced: 2025-03-03T08:30:46.134Z (over 1 year ago)
- Topics: bootstrap, javascript, rolldicegame, webdevelopment
- Language: CSS
- Homepage: https://ai31024.github.io/RollTheDice/
- Size: 37.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dice Game
Welcome to the Dice Game! This project is a simple web-based game where players roll dice and see who wins. It uses HTML, CSS, and JavaScript to provide a fun, interactive experience.
## Features
- Roll two dice by clicking the "Roll Dice" button.
- Displays the dice images corresponding to the rolled numbers.
- Shows the result of the dice roll in the center, indicating whether Player 1 wins, Player 2 wins, or if it's a draw.
- Responsive design that looks great on various screen sizes.
## Technologies Used
- **HTML**: For the structure and content of the webpage.
- **CSS**: For styling the webpage, including custom colors and responsive design.
- **JavaScript**: For the game logic and dynamic updates to the dice images and results.
- **Bootstrap 5**: For responsive layout and styling.
## Installation
1. **Clone the repository:**
```bash
git clone https://github.com/Ai31024/RollTheDice.git
2. **Navigate to the project directory:**
```bash
cd RollTheDice
3. **Ensure you have an internet connection to load Bootstrap from the CDN, or you can download Bootstrap and include it locally.**
## Usage
1. Open the `index.html` file in your web browser.
2. Click the "Roll Dice" button to roll the dice.
3. The dice images and results will update accordingly.
## Credit
- [Angela Yu](https://github.com/angelabauer) (For Inspiration)
- [Ai31024](https://github.com/Ai31024) (For Efforts)
- [ChatGPT-4o](https://chatgpt.com) (For Correction & Enhancement)
## License
This project is licensed under the MIT License - see the [MIT License](https://opensource.org/licenses/MIT) for details.