This simple dice roll game allows two players to roll dice and determine the winner based on the higher roll.
- Enter the names of Player 1 and Player 2 when prompted.
- Use the "Roll Dice" button to roll the dice.
- The game will display the result and declare the winner.
- Use the "Reset" button to start a new round.
- Click the "Roll Dice" button to initiate the dice roll.
- Use the "Reset" button to start a new round.
The JavaScript code uses event listeners to handle button clicks and control the game logic. The game includes functions to simulate dice rolls, update the visual representation of dice, and determine the winner.
- HTML
- CSS
- JavaScript
- Flexbox
- CSS Grid
- Bootstrap
The CSS provides a visually appealing layout, featuring a dark turquoise background, stylish fonts, and a responsive design with media queries for different screen sizes. Flexbox and CSS Grid are utilized for efficient and flexible layout management, while Bootstrap components enhance the overall design consistency and responsiveness.
Happy gaming!