🎲 Dice Game
A simple and interactive Dice Game built using pure HTML, CSS, and JavaScript where two players roll dice automatically on page refresh, with the winner determined instantly.
🚀 Live Demo : https://surya62815.github.io/Dice-Game-HTML-CSS-JS/
✨ Features
- 🎲 Random dice roll for Player 1 and Player 2
- 🔄 Automatic play – runs on every page refresh
- 🏆 Instant results – displays winner or draw
- 🎨 Clean UI – modern and responsive design
- ⚡ Pure JavaScript – no external libraries or frameworks
🛠️ Technologies Used
- HTML – Page structure and semantics
- CSS – Styling and responsive layout
- JavaScript – Game logic and DOM manipulation
🧠 How It Works
- JavaScript generates two random numbers (1–6)
- Dice images update dynamically based on the roll
- Players’ scores are compared
- Winner or draw message is displayed instantly
📖 Learning Outcomes
- DOM manipulation with vanilla JavaScript
- Random number generation for game mechanics
- Dynamic HTML updates without page reloads
- Integration of HTML, CSS, and JavaScript
- Responsive design principles
📁 Project Structure
```text
Dice-Game-HTML-CSS-JS/
├── index.html # Main HTML file
├── styles.css # Styling and design
├── index.js # Game logic and functionality
└── images/ # Dice face images (1-6)
├── dice1.png
├── dice2.png
├── dice3.png
├── dice4.png
├── dice5.png
└── dice6.png