DiceGame/index.js at master · ipranavprashant/DiceGame · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
var randomNumber1=Math.random();
randomNumber1=Math.floor(randomNumber1*6);
randomNumber1=randomNumber1+1;

if(randomNumber1==1)
document.querySelectorAll("img")[0].setAttribute("src","images/dice1.png");

if(randomNumber1==2)
document.querySelectorAll("img")[0].setAttribute("src","images/dice2.png");

if(randomNumber1==3)
document.querySelectorAll("img")[0].setAttribute("src","images/dice3.png");

if(randomNumber1==4)
document.querySelectorAll("img")[0].setAttribute("src","images/dice4.png");

if(randomNumber1==5)
document.querySelectorAll("img")[0].setAttribute("src","images/dice5.png");

if(randomNumber1==6)
document.querySelectorAll("img")[0].setAttribute("src","images/dice6.png");


var randomNumber2=Math.random();
randomNumber2=Math.floor(randomNumber2*6);
randomNumber2=randomNumber2+1;

if(randomNumber2==1)
document.querySelectorAll("img")[1].setAttribute("src","images/dice1.png");

if(randomNumber2==2)
document.querySelectorAll("img")[1].setAttribute("src","images/dice2.png");

if(randomNumber2==3)
document.querySelectorAll("img")[1].setAttribute("src","images/dice3.png");

if(randomNumber2==4)
document.querySelectorAll("img")[1].setAttribute("src","images/dice4.png");

if(randomNumber2==5)
document.querySelectorAll("img")[1].setAttribute("src","images/dice5.png");

if(randomNumber2==6)
document.querySelector.All("img")[1].setAttribute[1]("src","images/dice6.png");

if(randomNumber1>randomNumber2)
document.getElementById("winner").innerHTML="Player 1 is the winner";

else if(randomNumber1<randomNumber2)
document.getElementById("winner").innerHTML="Player 2 is the winner";

else
document.getElementById("winner").innerHTML="It's a tie!";


//More efficient way

/*

var randomNumber1 = Math.floor(Math.random() * 6) + 1; //1-6

var randomDiceImage = "dice" + randomNumber1 + ".png"; //dice1.png - dice6.png

var randomImageSource = "images/" + randomDiceImage; //images/dice1.png - images/dice6.png

var image1 = document.querySelectorAll("img")[0];

image1.setAttribute("src", randomImageSource);


var randomNumber2 = Math.floor(Math.random() * 6) + 1;

var randomImageSource2 = "images/dice" + randomNumber2 + ".png";

document.querySelectorAll("img")[1].setAttribute("src", randomImageSource2);


//If player 1 wins
if (randomNumber1 > randomNumber2) {
  document.querySelector("h1").innerHTML = "🚩 Play 1 Wins!";
}
else if (randomNumber2 > randomNumber1) {
  document.querySelector("h1").innerHTML = "Player 2 Wins! 🚩";
}
else {
  document.querySelector("h1").innerHTML = "Draw!";
}
*/