Guess-the-Door/script.js at master · Dave3130/Guess-the-Door · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
let doorImage1 = document.getElementById("door1");
let doorImage2 = document.getElementById("door2");
let doorImage3 = document.getElementById("door3");

const blockedDoorPath = "images/door-blocked.png";
const rewardDoorPath = "images/reward.png";
const closedDoorPath = "images/closed-door.png";

let startButton = document.getElementById("start");

let numClosedDoors = 3;
let openDoor1, openDoor2, openDoor3;
let currentPlaying = true;

let score = 0;
let highScore = 0;
let currentStreak = document.getElementById('score-number');
let bestStreak = document.getElementById('high-score-number');
currentStreak.innerHTML = score;
bestStreak.innerHTML = highScore;

const isBlocked = (door) => {
    if (door.src.search(blockedDoorPath) != -1 ) {
        return true;
    } else {
        return false;
    }
}
const isClicked = door => {
    if (door.src.search(closedDoorPath) != -1 ) {
        return false;
    } else {
        return true;
    }
}
const playDoor = (door) => {
    numClosedDoors--;
    if (numClosedDoors === 0) {
        gameOver('win');
    }
    else if (isBlocked(door) === true) {
        return gameOver();
    }
}
const randomDoorGenerator = () => {
  choreDoor = Math.floor(Math.random() * 6);
  switch (choreDoor) {
    case 0:
      openDoor1 = blockedDoorPath;
      openDoor2 = rewardDoorPath;
      openDoor3 = rewardDoorPath;
      break;
    case 1:
      openDoor1 = blockedDoorPath;
      openDoor2 = rewardDoorPath;
      openDoor3 = rewardDoorPath;
      break;
    case 2:
      openDoor2 = blockedDoorPath;
      openDoor1 = rewardDoorPath;
      openDoor3 = rewardDoorPath;
      break;
    case 3:
      openDoor2 = blockedDoorPath;
      openDoor1 = rewardDoorPath;
      openDoor3 = rewardDoorPath;
      break;
    case 4:
      openDoor3 = blockedDoorPath;
      openDoor1 = rewardDoorPath;
      openDoor2 = rewardDoorPath;
      break;
    case 5:
      openDoor3 = blockedDoorPath;
      openDoor1 = rewardDoorPath;
      openDoor2 = rewardDoorPath;
      break;
  }
}


doorImage1.onclick = () => {

    if (!isClicked(doorImage1) && currentPlaying) {
        doorImage1.src = openDoor1;
        playDoor(doorImage1);
    }
};
doorImage2.onclick = () => {
    if (!isClicked(doorImage2) && currentPlaying) {

        doorImage2.src = openDoor2;
        playDoor(doorImage2);

    }
}
doorImage3.onclick = () => {
    if (!isClicked(doorImage3) && currentPlaying) {
        doorImage3.src = openDoor3;
        playDoor(doorImage3);
    }
}
const startRound = () => {
    doorImage1.src = closedDoorPath;
    doorImage2.src = closedDoorPath;
    doorImage3.src = closedDoorPath;
    numClosedDoors = 3;
    startButton.innerHTML = "Good luck!";
    currentPlaying = true;
    randomDoorGenerator();
}

startButton.onclick = () => {
    if (!currentPlaying) {
        startRound();
    }
}
const gameOver = (status) => {
    if (status === 'win') {
        startButton.innerHTML = "You win! Play again?";
        getYourScore();
    } else {
        startButton.innerHTML = "Game over! Play again?";
        score= 0;
        currentStreak.innerHTML = score;
    }
    currentPlaying = false;
}

const getYourScore = () => {
  score++;
  currentStreak.innerHTML = score;
  if (score > highScore) {
    highScore = score;
    bestStreak.innerHTML = highScore;
  }
}

startRound();