Add files via upload

kashnx · Jan 13, 2024 · 0756cdc · 0756cdc
1 parent efe461a
commit 0756cdc
Show file tree

Hide file tree

Showing 9 changed files with 100 additions and 0 deletions.
diff --git a/dice1.png b/dice1.png
diff --git a/dice2.png b/dice2.png
diff --git a/dice3.png b/dice3.png
diff --git a/dice4.png b/dice4.png
diff --git a/dice5.png b/dice5.png
diff --git a/dice6.png b/dice6.png
diff --git a/index.html b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title>DICE GAME</title>
+    <link rel="stylesheet" href="styles.css">
+
+  </head>
+  <body>
+<div class="container">
+    <div head><h1>Refresh Me</h1></div>
+
+    <div class="game"><h3>Player 1</h3>
+      <img class="img1" src="dice6.png"  width="100px">
+    </div>
+    <div class="game"><h3>Player 2</h3>
+      <img class="img2" src="dice6.png" width="100px">
+  </div>
+  <script src="index.js"></script>
+  </body>
+
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,49 @@
+var n=Math.floor(Math.random()*6)+1;
+var n2=Math.floor(Math.random()*6)+1;
+if (n===1) {      
+    document.querySelector("img").setAttribute("src", "dice1.png");
+  }
+ else if (n===2) {      
+    document.querySelector("img").setAttribute("src", "dice2.png");
+  }
+ else if (n===3) {      
+    document.querySelector("img").setAttribute("src", "dice3.png");
+  }
+  else if (n===4) {      
+    document.querySelector("img").setAttribute("src", "dice4.png");
+  }
+  else if (n===5) {      
+    document.querySelector("img").setAttribute("src", "dice5.png");
+  }
+  else if (n===6) {      
+    document.querySelector("img").setAttribute("src", "dice6.png");
+  }
+
+
+if (n2===1) {      
+    document.querySelectorAll("img")[1].setAttribute("src", "dice1.png");
+  }
+ else if (n2===2) {      
+    document.querySelectorAll("img")[1].setAttribute("src", "dice2.png");
+  }
+ else if (n2===3) {      
+    document.querySelectorAll("img")[1].setAttribute("src", "dice3.png");
+  }
+  else if (n2===4) {      
+    document.querySelectorAll("img")[1].setAttribute("src", "dice4.png");
+  }
+  else if (n2===5) {      
+    document.querySelectorAll("img")[1].setAttribute("src", "dice5.png");
+  }
+  else if (n2===6) {      
+    document.querySelectorAll("img")[1].setAttribute("src", "dice6.png");
+  }
+
+ if(n>n2){
+  document.querySelector("h1").innerHTML="Player 1 Wins";}
+ else if(n<n2){
+  document.querySelector("h1").innerHTML="Player 2 Wins";}
+  else{
+  document.querySelector("h1").innerHTML="DRAW";}
+
+
diff --git a/styles.css b/styles.css
@@ -0,0 +1,29 @@
+
+  h1 { font-family: "Brush Script MT", cursive; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; 
+  text-align: center;
+margin-bottom: 50px;
+font-size: 5rem;
+color: rgb(11, 11, 0); }
+
+
+
+
+body{
+  background-color: rgb(45, 153, 130);
+}
+.container{
+  display: inline-block;
+  margin-left: 30%;
+  width: 50%;
+
+}
+.game{
+  display: inline-block;
+  margin-top: 7%;
+  margin-left: 100px;
+
+}
+h3{
+  font-family: 'Indie Flower', cursive;
+  font-size: xx-large;
+}