https://github.com/goyal-coder/dice-roll-webapp
This is a dice roll program using HTML, CSS , JS. And of course i spent a lot of time in debugging.
https://github.com/goyal-coder/dice-roll-webapp
Last synced: about 1 year ago
JSON representation
This is a dice roll program using HTML, CSS , JS. And of course i spent a lot of time in debugging.
- Host: GitHub
- URL: https://github.com/goyal-coder/dice-roll-webapp
- Owner: goyal-coder
- Created: 2025-02-20T13:03:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-20T13:04:22.000Z (over 1 year ago)
- Last Synced: 2025-02-20T14:22:24.189Z (over 1 year ago)
- Size: 59.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎲 Dice Roller Web App
A simple web-based dice roller that allows users to roll multiple dice and calculate the total sum of their values.
## 🚀 Features
- Roll multiple dice based on user input
- Display dice images for each roll
- Calculate and display the total sum
- Responsive and efficient DOM updates
## 🛠️ Technologies Used
- HTML
- CSS
- JavaScript
## 📌 How to Use
1. Enter the number of dice you want to roll in the input box.
2. Click the roll button.
3. See the images of the rolled dice and the total sum displayed below.
## 🔧 Code Structure
### `rollDice()`
- Selects a random dice image.
### `getDiceMapping()`
- Maps dice images to their corresponding numerical values.
### `updateVal()`
- Rolls the dice as per user input, updates the UI, and calculates the total sum.
## 📷 Preview
(Include a screenshot of your dice roller UI here)
## 🎯 Future Enhancements
- Add animations to dice rolling
- Include sound effects
- Allow different types of dice (e.g., D4, D8, D20, etc.)
## 📜 License
This project is open-source and free to use.
---
Feel free to modify and improve the project as needed. Happy coding! 🎲😃