├── README.md └── Dice Chanllege ├── images ├── dice1.png ├── dice2.png ├── dice3.png ├── dice4.png ├── dice5.png └── dice6.png ├── styles.css ├── dicee.html └── script.js /README.md: -------------------------------------------------------------------------------- 1 | # Dice-Game-Build Using Html,Css,Javascript 2 | -------------------------------------------------------------------------------- /Dice Chanllege/images/dice1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mukesh-Uchiha/dice-game-javascript/HEAD/Dice Chanllege/images/dice1.png -------------------------------------------------------------------------------- /Dice Chanllege/images/dice2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mukesh-Uchiha/dice-game-javascript/HEAD/Dice Chanllege/images/dice2.png -------------------------------------------------------------------------------- /Dice Chanllege/images/dice3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mukesh-Uchiha/dice-game-javascript/HEAD/Dice Chanllege/images/dice3.png -------------------------------------------------------------------------------- /Dice Chanllege/images/dice4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mukesh-Uchiha/dice-game-javascript/HEAD/Dice Chanllege/images/dice4.png -------------------------------------------------------------------------------- /Dice Chanllege/images/dice5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mukesh-Uchiha/dice-game-javascript/HEAD/Dice Chanllege/images/dice5.png -------------------------------------------------------------------------------- /Dice Chanllege/images/dice6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mukesh-Uchiha/dice-game-javascript/HEAD/Dice Chanllege/images/dice6.png -------------------------------------------------------------------------------- /Dice Chanllege/styles.css: -------------------------------------------------------------------------------- 1 | .container { 2 | width: 72%; 3 | margin: auto; 4 | text-align: center; 5 | } 6 | 7 | .dice { 8 | text-align: center; 9 | display: inline-block; 10 | font-family: 'Lobster', cursive; 11 | 12 | 13 | } 14 | 15 | 16 | body { 17 | background-color: #393E46; 18 | } 19 | 20 | h1 { 21 | margin: 30px; 22 | font-family: 'Lobster', cursive; 23 | text-shadow: 5px 0 #232931; 24 | font-size: 7.9rem; 25 | color: #4ECCA3; 26 | } 27 | 28 | p { 29 | font-size: 2rem; 30 | color: #4ECCA3; 31 | font-family: 'Indie Flower', cursive; 32 | } 33 | 34 | img { 35 | width: 90%; 36 | } 37 | 38 | footer { 39 | margin-top: 6%; 40 | color: #EEEEEE; 41 | text-align: center; 42 | font-family: 'Indie Flower', cursive; 43 | 44 | } 45 | -------------------------------------------------------------------------------- /Dice Chanllege/dicee.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Dicee 6 | 7 | 8 | 9 | 10 | 11 | 12 |

13 |

Refresh Me

14 | 15 |

16 |

Player 1

17 |

18 |

19 | 20 |

21 |

Player 2

22 |

23 |

24 |

25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /Dice Chanllege/script.js: -------------------------------------------------------------------------------- 1 | var randomNumber1 = Math.floor(Math.random() * 6) + 1; //1-6 2 | 3 | var randomDiceImage = "dice" + randomNumber1 + ".png"; //dice1.png - dice6.png 4 | 5 | var randomImageSource = "images/" + randomDiceImage; //images/dice1.png - images/dice6.png 6 | 7 | document.querySelectorAll("img")[0].setAttribute("src", randomImageSource); 8 | 9 | var randomNumber2 = Math.floor(Math.random() * 6) + 1; //1-6 10 | 11 | var randomImageSource2 = "images/dice" + randomNumber2 + ".png"; //dice1.png - dice6.png 12 | 13 | document.querySelectorAll("img")[1].setAttribute("src", randomImageSource2); 14 | 15 | 16 | if (randomNumber1 > randomNumber2 ) 17 | { 18 | document.querySelectorAll("h1")[0].textContent="👍Player 1 Wins"; 19 | } 20 | else if (randomNumber1 < randomNumber2 ) 21 | { 22 | document.querySelectorAll("h1")[0].textContent="Player 2 Wins👍"; 23 | } 24 | else if (randomNumber1 === randomNumber2 ) 25 | { 26 | document.querySelectorAll("h1")[0].textContent="🏳️Draw🏳️"; 27 | } 28 | --------------------------------------------------------------------------------