AkashKobal
diff --git a/‎26. Diece challenge/Screenshot (350).png‎
843 KB b/‎26. Diece challenge/Screenshot (350).png‎
843 KB
diff --git a/‎26. Diece challenge/dice1.png‎
2.5 KB b/‎26. Diece challenge/dice1.png‎
2.5 KB
diff --git a/‎26. Diece challenge/dice2.png‎
2.16 KB b/‎26. Diece challenge/dice2.png‎
2.16 KB
diff --git a/‎26. Diece challenge/dice3.png‎
2.38 KB b/‎26. Diece challenge/dice3.png‎
2.38 KB
diff --git a/‎26. Diece challenge/dice4.png‎
2.55 KB b/‎26. Diece challenge/dice4.png‎
2.55 KB
diff --git a/‎26. Diece challenge/dice5.png‎
2.76 KB b/‎26. Diece challenge/dice5.png‎
2.76 KB
diff --git a/‎26. Diece challenge/dice6.png‎
2.91 KB b/‎26. Diece challenge/dice6.png‎
2.91 KB
diff --git a/‎26. Diece challenge/index.html‎
Lines changed: 26 additions & 0 deletions b/‎26. Diece challenge/index.html‎
Lines changed: 26 additions & 0 deletions
diff --git a/‎26. Diece challenge/script.js‎
Lines changed: 21 additions & 0 deletions b/‎26. Diece challenge/script.js‎
Lines changed: 21 additions & 0 deletions
diff --git a/‎26. Diece challenge/style.css‎
Lines changed: 44 additions & 0 deletions b/‎26. Diece challenge/style.css‎
Lines changed: 44 additions & 0 deletions
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <script defer src="script.js"></script>
+    <title>Dice game</title>
+</head>
+
+<body>
+    <div class="container">
+        <h1>Winner</h1>
+        <div class="dices">
+            <div class="player">
+                <p class="player1">Player 1</p><img src="dice1.png" id="image1" alt="Dice not found">
+            </div>
+            <div class="player">
+                <p class="player2">Player 2</p><img src="dice2.png" id="image2" alt="Dice not found">
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
@@ -0,0 +1,21 @@
+let randomNumber1 = Math.floor(Math.random() * 6) + 1;
+let randomNumber2 = Math.floor(Math.random() * 6) + 1;
+let winner = document.getElementsByTagName("h1")[0];
+let image1 = document.getElementById("image1");
+let image2 = document.getElementById("image2");
+
+
+if (randomNumber1 > randomNumber2) {
+    winner.innerText = "Player 1 won 👑";
+    image1.src = "dice" + randomNumber1 + ".png";
+
+}
+else if (randomNumber1 == randomNumber2) {
+    winner.innerText = "Draw 🙃"
+    image1.src = "dice" + randomNumber1 + ".png";
+    image2.src = "dice" + randomNumber2 + ".png";
+}
+else {
+    winner.innerText = "Player 2 won 👑"
+    image2.src = "dice" + randomNumber2 + ".png";
+}
@@ -0,0 +1,44 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+.container {
+    background-image: linear-gradient(to right, #d1b514dc, #97ca5c90);
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+}
+
+.dices {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+}
+
+.player,
+.player {
+    margin: 20px;
+}
+
+h1,
+p {
+    text-align: center;
+    margin-bottom: 20px;
+    color: #2b0a0a;
+    font-size: 40px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    text-shadow: 2px 2px 10px #e18383;
+}