This game has a number of different names, but growing up we just called it “the dice game.” The name comes from the fact that all you need to play it are six dice, which makes it absolutely perfect to pull out anytime you just really need people occupied for a while
 |
This game is developed by using the HTML, css and Javascript languages
We have three files
dice.html
dice.css
dice.js
How to run Dice game
Download zip file
Extract downloaded file, there you will find above three files
Now open dice.html file in your favourite browser
Now you can play the Dice game
UI code is like below
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roll Dice</title>
<link rel="stylesheet" href="dice.css">
</head>
<body>
<div class='container'>
<h1 class='h1'>Player <span class='player-turn'></span> Turn</h1>
<div class='roll-dice'>
<div class='score-counter'>
<div class='player'>
Score: <span class='player1-score'>0</span>
</div>
<div class='player'>
Score: <span class='player2-score'>0</span>
</div>
</div>
<div class='dice-output'>
<div class='dice output1'>0</div>
<div class='dice output2'>0</div>
</div>
<button class='play-button'>Roll Dice ????</button>
</div>
</div>
<footer>
</footer>
<script src='dice.js'></script>
</body>
</html>
|
| Project Type : | Game Application |
| Development Technologies : | HTML, CSS, Javascript |
| Tags : | HTML, CSS, HTML Games, Javascript |
| Updated On : | 2021-08-14 |
| project Source Code Link : | Download Here |
