diff --git a/Games/Dice-toss/README.md b/Games/Dice-toss/README.md new file mode 100644 index 0000000000..b94cac40f1 --- /dev/null +++ b/Games/Dice-toss/README.md @@ -0,0 +1 @@ +# DIceGame.github.io \ No newline at end of file diff --git a/Games/Dice-toss/dicee.html b/Games/Dice-toss/dicee.html new file mode 100644 index 0000000000..7af24270ae --- /dev/null +++ b/Games/Dice-toss/dicee.html @@ -0,0 +1,33 @@ + + + + + Dicee + + + + + + + +
+

Refresh Me

+ +
+

Player 1

+ +
+ +
+

Player 2

+ +
+ +
+ + + + + + + diff --git a/Games/Dice-toss/images/dice1.png b/Games/Dice-toss/images/dice1.png new file mode 100644 index 0000000000..543a9eec3d Binary files /dev/null and b/Games/Dice-toss/images/dice1.png differ diff --git a/Games/Dice-toss/images/dice2.png b/Games/Dice-toss/images/dice2.png new file mode 100644 index 0000000000..472bbacda9 Binary files /dev/null and b/Games/Dice-toss/images/dice2.png differ diff --git a/Games/Dice-toss/images/dice3.png b/Games/Dice-toss/images/dice3.png new file mode 100644 index 0000000000..5bb30aadc6 Binary files /dev/null and b/Games/Dice-toss/images/dice3.png differ diff --git a/Games/Dice-toss/images/dice4.png b/Games/Dice-toss/images/dice4.png new file mode 100644 index 0000000000..2c116a944d Binary files /dev/null and b/Games/Dice-toss/images/dice4.png differ diff --git a/Games/Dice-toss/images/dice5.png b/Games/Dice-toss/images/dice5.png new file mode 100644 index 0000000000..d566cd8552 Binary files /dev/null and b/Games/Dice-toss/images/dice5.png differ diff --git a/Games/Dice-toss/images/dice6.png b/Games/Dice-toss/images/dice6.png new file mode 100644 index 0000000000..8b98b3c374 Binary files /dev/null and b/Games/Dice-toss/images/dice6.png differ diff --git a/Games/Dice-toss/index.js b/Games/Dice-toss/index.js new file mode 100644 index 0000000000..b64920853a --- /dev/null +++ b/Games/Dice-toss/index.js @@ -0,0 +1,56 @@ +var randomnum1=Math.floor(Math.random()*6+1); + +var randomnum2=Math.floor(Math.random()*6+1); + +// For first dice(left) +if(randomnum1==1){ + document.getElementById("img1").setAttribute('src','images/dice1.png'); +} +else if(randomnum1==2){ + document.getElementById("img1").setAttribute('src','images/dice2.png'); +} +else if(randomnum1==3){ + document.getElementById("img1").setAttribute('src','images/dice3.png'); +} +else if(randomnum1==4){ + document.getElementById("img1").setAttribute('src','images/dice4.png'); +} +else if(randomnum1==5){ + document.getElementById("img1").setAttribute('src','images/dice5.png'); +} +else if(randomnum1==6){ + document.getElementById("img1").setAttribute('src','images/dice6.png'); +} + + + +// For second dice (right) +if(randomnum2==1){ + document.getElementById("img2").setAttribute('src','images/dice1.png'); +} +else if(randomnum2==2){ + document.getElementById("img2").setAttribute('src','images/dice2.png'); +} +else if(randomnum2==3){ + document.getElementById("img2").setAttribute('src','images/dice3.png'); +} +else if(randomnum2==4){ + document.getElementById("img2").setAttribute('src','images/dice4.png'); +} +else if(randomnum2==5){ + document.getElementById("img2").setAttribute('src','images/dice5.png'); +} +else if(randomnum2==6){ + document.getElementById("img2").setAttribute('src','images/dice6.png'); +} + +if(randomnum1>randomnum2){ +document.querySelector("h1").innerHTML="Player1 wins!!"; +} +else if(randomnum2>randomnum1){ + document.querySelector("h1").innerHTML="Player2 wins!!"; +} +else{ + document.querySelector("h1").innerHTML="It's a Draw!.....try again"; + +} \ No newline at end of file diff --git a/Games/Dice-toss/styles.css b/Games/Dice-toss/styles.css new file mode 100644 index 0000000000..c5ad74041c --- /dev/null +++ b/Games/Dice-toss/styles.css @@ -0,0 +1,41 @@ +.container { + width: 70%; + margin: auto; + text-align: center; +} + +.dice { + text-align: center; + display: inline-block; + +} + +body { + background-color: #393E46; +} + +h1 { + margin: 30px; + font-family: 'Lobster', cursive; + text-shadow: 5px 0 #232931; + font-size: 8rem; + color: #4ECCA3; +} + +p { + font-size: 2rem; + color: #4ECCA3; + font-family: 'Indie Flower', cursive; +} + +img { + width: 80%; +} + +footer { + margin-top: 5%; + color: #EEEEEE; + text-align: center; + font-family: 'Indie Flower', cursive; + +}