A dynamic two-player dice game built with JavaScript, HTML, and CSS. Players take turns rolling a die and accumulating points to reach the winning score of 100.
- The game has two players, playing in rounds
- Each turn, a player rolls a dice as many times as they wish
- Each roll gets added to their CURRENT score
- If the player rolls a 1, they lose their CURRENT score and it's the next player's turn
- A player can choose to 'Hold', which adds their CURRENT score to their TOTAL score
- The first player to reach 100 points wins the game
- Interactive dice rolling animation
- Score tracking for both players
- Current round score display
- Winner celebration effects
- Responsive design
- New game reset functionality
- HTML5
- CSS3
- JavaScript (ES6+)
- DOM Manipulation
- Open the game in a web browser
- Click 'Roll Dice' to start playing
- Keep rolling to accumulate points in your current score
- Click 'Hold' to add your current points to your total score
- Be strategic - decide when to hold or keep rolling
- First to reach 100 points wins!
- NEW GAME: Start a new game
- ROLL DICE: Roll the die during your turn
- HOLD: Bank your current points