poojamalani15
diff --git a/‎dice.css
+28 b/‎dice.css
+28
diff --git a/‎dice.html
+28 b/‎dice.html
+28
diff --git a/‎dice.js
+25 b/‎dice.js
+25
diff --git a/‎dice1.png
2.5 KB b/‎dice1.png
2.5 KB
diff --git a/‎dice2.png
2.16 KB b/‎dice2.png
2.16 KB
diff --git a/‎dice3.png
2.38 KB b/‎dice3.png
2.38 KB
diff --git a/‎dice4.png
2.55 KB b/‎dice4.png
2.55 KB
diff --git a/‎dice5.png
2.76 KB b/‎dice5.png
2.76 KB
diff --git a/‎dice6.png
2.91 KB b/‎dice6.png
2.91 KB
@@ -0,0 +1,28 @@
+body{
+	background-color: rgb(101, 84, 100);
+	height: 100vh;
+	font-family: 'Roboto Mono', monospace;
+	margin-top: 5%;
+
+}
+.container{
+	text-align: center;
+}
+img{
+	height: 150px;
+	width: 150px;
+
+}
+figure{
+	display: inline-block;
+}
+button{
+	cursor: pointer;
+	width: 100px;
+	padding: 10px;
+	border-radius: 10%;
+	font-size: 15px;
+	font-weight: 600;
+	background-color: steelblue;
+
+}
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Dice Game</title>
+	<link rel="stylesheet" type="text/css" href="dice.css">
+	<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@1&display=swap" rel="stylesheet">
+</head>
+<body>
+<div class="container">
+  <h1>DICE GAME</h1>
+  <button id="btn">Refreh</button>
+  <h3>Refresh to know the winner</h3>
+
+   <br>
+   <figure>
+      <img id="p1" src="dice1.png">
+      <figcaption>Player 1</figcaption>
+   </figure>
+   <figure>
+      <img id="p2" src="dice2.png">
+      <figcaption>Player 2</figcaption>
+   </figure>
+ 
+</div>
+
+<script type="text/javascript" src="dice.js"></script>
+</body>
+</html>
@@ -0,0 +1,25 @@
+
+var button = document.querySelector("#btn");
+var img1 = document.querySelector("#p1");
+var img2 = document.querySelector("#p2");
+var head = document.querySelector("h3");
+var r1,r2;
+
+function random(){
+	var r = Math.floor(Math.random() * 6) +1 ;
+	return "dice" + r + ".png";
+}
+
+button.addEventListener("click", function(){
+        img1.setAttribute("src" ,  r1 = random());
+        img2.setAttribute("src" ,  r2 = random());
+         if(r1[4] > r2[4]){
+         	head.textContent = "Player 1 Wins"
+         }
+         else if(r1[4] < r2[4]){
+         	head.textContent = "Player 2 Wins"
+         }
+         else if(r1[4] == r2[4]){
+         	head.textContent = "It's a tiee"
+         }
+ });