Dice Game

using
HTML and Javascript
Presented By : Pin :
1. Momin Rayyan
2. Vishal Kaley
3. Mayank Dhanke

(Branch):
Semester-
 ABSTRACT
HTML code is used to design the basic structure of the
project. The HTML code contains the container class
that holds the player’s name and initial dice phase.
Another bottom div contains the two buttons (one
button for roll the dice and another button for rename
the player name
 INTRODUCTION
• We will be building a Dice Game Project using HTML,
CSS, and JavaScript.
• The Dice Game is based on a two-player.
• Both players roll the dice and the player who gets the
highest phase value will win the game.
 EXISTING SYSTEM
• Building a Dice Game Project using HTML, CSS,
and JavaScript.
• There are hundreds of website availaible to provide
this project
• But this one is unique.
• We have added the player name feature in this game
• Hope you’ll like it
 PROBLEM DEFINITION
• I was facing problem in this project with the play
again button also known as refresh button.
• Its functionality is to run the code again from the top
to the bottom.
 PROBLEM SOLUTION
• After a while we found the solution to this problem.
• The code contains three div container.
• First div contains the container class.
• Inside this container class you will find two div.
• Just below these two div we added the button called
“Play Again”.
• Hence, the problem was solved.
 HARDWARE AND SOFTWARE REQUIREMENTS

Software Requirements:-
• Quad-Core 2 Ghz or higher.
• 8 GB RAM.
• 2 GB free disk space.
Hardware Requirements:-
• Windows Server 2022, 2019, 2016, 2012, 2008.
• Windows 11, 10, 8, 7.
 PROPOSED SYSTEM
• We will use HTML, CSS and JavaScript to build a
Project called Dice Game.
• Only two players can play this game
• Both players roll the dice and the player who gets the
highest phase value will win the game.
 SYSTEM ARCHITECTURE

• The JavaScript code contains the functionality of

Dice Game.
• The first functionality is to rename the player name
after clicking the button.
• Another functionality is to roll the dice after clicking
the button. After rolling the dice by both the player,
anyone player will win who get the highest phase
value.
• If both players get the same phase value then the
game will draw.
 USE CASE DIAGRAM
.

User

Select names for

both the players Player 1 wins Player 2 wins

Click “Roll Dice” yes yes

Code will generate if else if

num1>num2 num2 >num1 Draw
a number on a dice else
 CONCLUSION
• After combining the above three sections (HTML, CSS,
and JavaScript) code, we will get the complete Dice
Game.
 REFERENCES
• Geekforgeeks
• github
THANK YOU