- Download and unzip directory
- Open index.html in your browser
- Two players take turn rolling the dice.
- Each time a player rolls the dice, the roll is added to their current score.
- If a player rolls a 1, they gain no points and their turn ends.
- If a player decides to hold their current score, it will be added to their overall score and their turn ends.
- First to 100 points wins.
- Player rolls dice
- Dice displays on screen
- If roll != 1, add dice value to current score
- If roll = 1, switch player
- If player holds score, add current score to total score
- If player score reaches 100, display winner and stop game
- When player starts new game, reset scores and start at player 1
- Gradient background
- Dice images appear on roll
- Active player has different style
- Buttons have dynamic shadows
- Chrome dev tools debugger
- DOM manipulation
- Event listeners/handlers
- Implementing random numbers
- Dynamically selecting DOM elements
- Editing element classes
- HTML
- CSS
- JavaScript