thinkswell
diff --git a/‎Dicegame/Ruhi14/img/dice-six-faces-five (copy).png‎
19 KB b/‎Dicegame/Ruhi14/img/dice-six-faces-five (copy).png‎
19 KB
diff --git a/‎Dicegame/Ruhi14/img/dice-six-faces-four.png‎
16.7 KB b/‎Dicegame/Ruhi14/img/dice-six-faces-four.png‎
16.7 KB
diff --git a/‎Dicegame/Ruhi14/img/dice-six-faces-one.png‎
13.4 KB b/‎Dicegame/Ruhi14/img/dice-six-faces-one.png‎
13.4 KB
diff --git a/‎Dicegame/Ruhi14/img/dice-six-faces-six.png‎
19.2 KB b/‎Dicegame/Ruhi14/img/dice-six-faces-six.png‎
19.2 KB
diff --git a/‎Dicegame/Ruhi14/img/dice-six-faces-three.png‎
18.2 KB b/‎Dicegame/Ruhi14/img/dice-six-faces-three.png‎
18.2 KB
diff --git a/‎Dicegame/Ruhi14/img/dice-six-faces-two.png‎
15.6 KB b/‎Dicegame/Ruhi14/img/dice-six-faces-two.png‎
15.6 KB
diff --git a/‎Dicegame/Ruhi14/index.html‎
Lines changed: 29 additions & 0 deletions b/‎Dicegame/Ruhi14/index.html‎
Lines changed: 29 additions & 0 deletions
diff --git a/‎Dicegame/Ruhi14/script.js‎
Lines changed: 18 additions & 0 deletions b/‎Dicegame/Ruhi14/script.js‎
Lines changed: 18 additions & 0 deletions
diff --git a/‎Dicegame/Ruhi14/style.css‎
Lines changed: 63 additions & 0 deletions b/‎Dicegame/Ruhi14/style.css‎
Lines changed: 63 additions & 0 deletions
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>Dicee</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+
+    <div class="container">
+      <h1>Refresh Me</h1>
+
+      <div class="dice">
+        <p>Player 1</p>
+        <img class="img1" src="img/dice-six-faces-one.png">
+      </div>
+
+      <div class="dice">
+        <p>Player 2</p>
+        <img class="img2" src="dice-six-faces-one.png">
+      </div>
+
+    </div>
+<script src= "script.js" charset = "utf-8" ></script>
+
+  </body>
+
+ 
+</html>
@@ -0,0 +1,18 @@
+var randomnum1 = Math.floor(Math.random() * 6) + 1;
+var randomimg = "dice" + randomnum1 + ".png";
+var imgsource1 = "images/" + randomimg;
+var image1 = document.querySelectorAll("img")[0].setAttribute("src", imgsource1);
+
+var randomnum2 = Math.floor(Math.random() * 6) + 1;
+var imgsource2 = "images/" +"dice" + randomnum2 + ".png";
+var image2 = document.querySelectorAll("img")[1].setAttribute("src", imgsource2);
+
+if(randomnum1>randomnum2){
+document.querySelector("h1").innerHTML ="Player1 Wins!";
+}
+else if(randomnum1<randomnum2){
+    document.querySelector("h1").innerHTML="Player2 Wins!";
+} 
+else{
+    document.querySelector("h1").innerHTML= "DRAW!";
+}
@@ -0,0 +1,63 @@
+body {
+    margin: 0;
+    padding: 0;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background-color: #76b9e0;
+    color: #fff;
+  }
+  .container {
+    text-align: center;
+    margin: 50px auto;
+    max-width: 400px;
+    background-color: rgba(255, 255, 255, 0.1);
+    padding: 30px;
+    border-radius: 20px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+  }
+  .container :hover{
+    border: #050f49;
+  }
+  h1 {
+    font-family: 'Indie Flower', cursive;
+    font-size: 48px;
+    color: #0c395e;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+    margin-bottom: 20px;
+  }
+  .dice {
+    margin-top: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .dice p {
+    font-family: 'Lobster', cursive;
+    font-size: 32px;
+    color: #050f49;
+    margin: 10px 0;
+    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  }
+  .img1,
+  .img2 {
+    width: 150px;
+    height: 150px;
+    margin-top: 20px;
+    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.4));
+    transition: transform 0.30s ease-in-out;
+  }
+  .img1:hover,
+  .img2:hover {
+    transform: rotate(180deg) scale(1.1);
+  }
+  .dice-background {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 200px;
+    height: 200px;
+    background: url('your-custom-dice-background.png') no-repeat;
+    background-size: cover;
+    opacity: 0.2;
+    z-index: -1;
+  }