Arcade-HTML-CSS-JS/game.js at main · KaamalVN/Arcade-HTML-CSS-JS · 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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
// Music is from Lucas King: https://www.youtube.com/watch?v=7JIdJLkJ0S4
function Direction(Choice){
    // The choice of the first buttons

        if(Choice == "left" || Choice == "right"){
            document.getElementById("result").innerHTML = "You chose to go " + Choice + "!<br><br>You open the door and come into a new room. <br>A voice pops up: 'I'm glad you didn't try to escape. This isn't over yet though. Choose the next door.' <br> <br> You hear growls coming from the left door and a man talking behind the right door. What do you do?";
            document.getElementById('left1').style.display = 'none';
            document.getElementById("right1").style.display = 'none';
            document.getElementById("escape1").style.display = 'none';
            document.getElementById("result").style.display = 'inline';
            document.getElementById('left2').style.display = 'inline';
            document.getElementById("right2").style.display = 'inline';
            document.getElementById("escape2").style.display = 'inline';
        }

        if(Choice == "escape"){
            document.getElementById("result").innerHTML = "You tried to escape , but you got hit in the head and lost consciousness.<br> When you woke up , you found yourslef in a dark room.<br>Suddenly you can hear some noise coming from next room, but you can't hear well since you got hit in head and bleeding. <br>Choose the next door.";
            document.getElementById('left1').style.display = 'none';
            document.getElementById("right1").style.display = 'none';
            document.getElementById("escape1").style.display = 'none';
            document.getElementById("result").style.display = 'inline';
            document.getElementById('left2').style.display = 'inline';
            document.getElementById("right2").style.display = 'inline';
            document.getElementById("escape2").style.display = 'inline';
        }
    }

    function Direction2(Choice){

            if(Choice == 'left2'){
                document.getElementById("result2").innerHTML = '<br><br>You chose to go left. You have a death wish or what? Well, I guess you were smart because there actually is a puppy in front of you. CUDDLE IT!<br><br> Though you have to choose again...<br><br>In the next room are three buttons. Choose wisely...<br><br>Hint: Palindrome' ;
            document.getElementById('left2').style.display = 'none';
            document.getElementById("right2").style.display = 'none';
            document.getElementById("escape2").style.display = 'none';
            document.getElementById("result2").style.display = 'inline';
            document.getElementById('A').style.display = 'inline';
            document.getElementById("B").style.display = 'inline';
            document.getElementById("C").style.display = 'inline';

            }

            if(Choice == 'right2'){
                document.getElementById("result2").innerHTML = "<br><br>You chose to go right. I probably would too. The man in the room doesn't look too happy though... With a gun in his hands... <br> <br> And you're a dead man. Try again if you think you can beat me...<br>";
            document.getElementById('left2').style.display = 'none';
            document.getElementById("right2").style.display = 'none';
            document.getElementById("escape2").style.display = 'none';
            document.getElementById("tryagain").style.display = 'inline';
            document.getElementById("result2").style.display = 'inline';
            document.getElementById("loseGif1").style.display = 'block';
            }

            if(Choice == 'escape2'){
                document.getElementById("result2").innerHTML = "<br>You chose to go and find an escape. Did you think that i will let you escape again? <br>I guess you're not too smart... <br><br>You died. Try again if you think you can beat me...<br>";
            document.getElementById('left2').style.display = 'none';
            document.getElementById("right2").style.display = 'none';
            document.getElementById("escape2").style.display = 'none';
            document.getElementById("tryagain").style.display = 'inline';
            document.getElementById("result2").style.display = 'inline';
            document.getElementById("loseGif1").style.display = 'block';
        }
    }

    function Direction3(Choice){

            if(Choice == "B"||Choice == "C"){
                document.getElementById("result3").innerHTML = "<br><br>Nice one! Or did you just guess like always? Congratulations either way, because you're still alive. You're doing better than I expected. Let's do something fun now. Choose your favourite colour. Let's hope for you that it's the right one.";
            document.getElementById('A').style.display = 'none';
            document.getElementById("B").style.display = 'none';
            document.getElementById("C").style.display = 'none';
            document.getElementById("result3").style.display = 'inline';
            document.getElementById('blue').style.display = 'inline';
            document.getElementById("red").style.display = 'inline';
            document.getElementById("yellow").style.display = 'inline';
            document.getElementById("green").style.display = 'inline';
            document.getElementById("pink").style.display = 'inline';
            }

            if(Choice == "A"){
            document.getElementById("result3").innerHTML = "<br><br>Pfft! Don't you even know what is a palindrome ?... Try again if you dare!<br>";
            document.getElementById('A').style.display = 'none';
            document.getElementById("B").style.display = 'none';
            document.getElementById("C").style.display = 'none';
            document.getElementById("tryagain").style.display = 'inline';
            document.getElementById("result3").style.display = 'inline';
            document.getElementById("loseGif1").style.display = 'block';
            }

    }

    function Direction4(Choice){
        document.getElementById("result4").innerHTML = "<br><br>Pfew, you survived! That was a hard one, wasn't it? Good thing every answer would've been right then ;)<br><br> Now onto the fun part! At least... Fun for me! So how is your memory? I hope it's doing alright. What was the first option in the question previous to the last question?";
        document.getElementById("result4").style.display = 'inline';
        document.getElementById('A2').style.display = 'inline';
        document.getElementById("B2").style.display = 'inline';
        document.getElementById("C2").style.display = 'inline';
        document.getElementById('blue').style.display = 'none';
        document.getElementById("red").style.display = 'none';
        document.getElementById("yellow").style.display = 'none';
        document.getElementById("pink").style.display = 'none';
        document.getElementById("green").style.display = 'none';
        }

    function Direction5(Choice){

        if(Choice == "A2" || Choice == "C2"){
            document.getElementById("result5").innerHTML = "<br><br>Pfft. You're not even paying attention? Get your mind working and try again...";
            document.getElementById("result5").style.display = 'inline';
            document.getElementById('A2').style.display = 'none';
            document.getElementById("B2").style.display = 'none';
            document.getElementById("C2").style.display = 'none';
            document.getElementById("tryagain").style.display = 'inline';
            document.getElementById("loseGif1").style.display = 'block';
        }

        if(Choice == "B2"){
            document.getElementById("result5").innerHTML = "<br><br>Looks like you're almost out! Just one last question. Do you really think you escaped ?";
             document.getElementById("result5").style.display = 'inline';
            document.getElementById('A2').style.display = 'none';
            document.getElementById("B2").style.display = 'none';
            document.getElementById("C2").style.display = 'none';
            document.getElementById("yes").style.display = 'inline';
            document.getElementById("no").style.display = 'inline';
        }
    }

    function Direction6(Choice){
        if(Choice == "yes"){
            document.getElementById("result6").innerHTML = "<br><br>Pfft..You didn't escape , I just let you. <br> The Game Ends!";
            document.getElementById("yes").style.display = 'none';
            document.getElementById("no").style.display = 'none';
            document.getElementById("winGif").style.display = 'block';
        }

        if(Choice == "no"){
            document.getElementById("result6").innerHTML = "<br><br>Shame I can't let you out now... Try again when you're ready...";
            document.getElementById("yes").style.display = 'none';
            document.getElementById("no").style.display = 'none';
            document.getElementById("tryagain").style.display = 'inline';
            document.getElementById("loseGif1").style.display = 'block';
        }
    }

    function TryAgain(){ //running the whole code again
        Direction();
        document.getElementById("result3").style.display = 'none';
        document.getElementById("result4").style.display = 'none';
        document.getElementById("result5").style.display = 'none';
        document.getElementById("result6").style.display = 'none';
        document.getElementById('left1').style.display = 'inline';
        document.getElementById("right1").style.display = 'inline';
        document.getElementById("escape1").style.display = 'inline';
        document.getElementById('left2').style.display = 'none';
        document.getElementById("right2").style.display = 'none';
        document.getElementById("escape2").style.display = 'none';
        document.getElementById('result').style.display = 'none';
        document.getElementById("result2").style.display = 'none';
        document.getElementById('tryagain').style.display = 'none';
        document.getElementById("loseGif1").style.display = 'none';
    }