Dice Game

This Dice Web Game is an interactive browser-based game developed using HTML, CSS, JavaScript, and Font Awesome. The project delivers a fun and engaging user experience while demonstrating core front-end development concepts through clean design and dynamic functionality.

The game simulates rolling dice between players, where each roll generates a random number using JavaScript logic. The results are displayed visually with animated dice icons, allowing players to instantly see the outcome of each round. The winner is determined automatically based on the dice values.

Key Features:

Interactive dice rolling system.

Random number generation using JavaScript.

Dynamic DOM updates without page reload.

Visual dice representation using Font Awesome icons.

Simple and responsive user interface.

Player score comparison and winner display.

Restart and re-roll functionality.

Clean layout styled with pure CSS.

Lightweight and fast performance with no external frameworks.

Technologies Used:

HTML5 – structure and layout of the game.

CSS3 – styling, animations, and responsive design.

JavaScript (Vanilla JS) – game logic, randomness, and DOM manipulation.

Font Awesome – dice icons and UI elements.

Project Purpose:

The purpose of this project is to practice JavaScript fundamentals such as random number generation, conditional logic, event handling, and real-time UI updates. It also helps strengthen understanding of DOM manipulation and interactive web design.

This game serves as an excellent beginner-friendly project and can be extended with additional features such as score tracking, multiplayer mode, animations, sound effects, or difficulty levels.