🎲 Dicee - A Simple Dice Game
Welcome to Dicee, a fun and interactive two-player dice game built with HTML, CSS, and JavaScript. Click the “Refresh Me” button or reload the page to roll the dice. The player with the higher number wins, or it’s a draw!
🎯 “Now you’re no longer required to carry a coin to decide your fate!”
🌐 GitHub Pages Hosting
This project is live at:
🔗https://om-singh-81.github.io/DICEE-THE-DECIDER/
🚀 Features
- 🎲 Random dice roll every time you refresh
- 🏁 Automatic winner detection: Player 1, Player 2, or Draw
- 🎨 Stylish glowing dice with smooth visuals
- 🖱️ "Refresh Me" button to re-roll without refreshing manually
- 💻 Fully responsive and beginner-friendly code
🛠️ Technologies Used in which i practice:
- HTML5
- CSS3
- JavaScript (Vanilla)
The Document Object Model (DOM)
Selecting HTML Elements with Javascript
Manipulating and Changing Styles of HTML Elements with Javascript
The Separation of Concerns: Structure vs Style vs Behaviour
Text Manipulation and the Text Content Property
Manipulating HTML Element Attributes
📂 Folder Structure
dice-game/
├── images/
│ ├── dice1.png
│ ├── dice2.png
│ ├── dice3.png
│ ├── dice4.png
│ ├── dice5.png
│ └── dice6.png
├── index.html # Main HTML file
├── styles.css # Styling for layout and visuals
├── index.js # Game logic and interaction
├── README.md # Project information
⚙️ How to Run Locally
-
Clone the repository:
git clone https://github.com/OM-SINGH-81/dice-game.git
Navigate to the project folder:
-
Navigate to the project folder:
bash
cd dice-game
-
Open index.html in your browser:
bash
start index.html # (Windows)
open index.html # (Mac)
📄 Description
Dicee is a fun, two-player dice game built using HTML, CSS, and JavaScript. Click the "Refresh Me" button to roll the dice and see who wins—Player 1, Player 2, or it's a draw! With glowing dice visuals, playful fonts, and smooth animations, it's a stylish way to decide fate or settle friendly challenges.
✨ Tagline
🎲 Roll the dice. Decide your fate. Have some fun!
🙋♂️ Author
Om Singh
💻 B.Tech CSE Student
🚀 Aspiring Web Developer
🔗 GitHub