Skip to content

Commit 88455c5

Browse files
ahadhussainahadhussain
authored
Update index.html
Simplified some excess lines of code. Added multiple buttons to get the 6 that are required in Russian Roulette. Added a reset button and removed the "Click" buttons to make it more obvious when the player loses.
1 parent 48fa95f commit 88455c5

File tree

1 file changed

+26
-21
lines changed

1 file changed

+26
-21
lines changed

‎Russian Roulette/index.html

+26-21
Original file line numberDiff line numberDiff line change
@@ -8,55 +8,56 @@
88
<link rel="stylesheet" href="">
99
<style>
1010
button {
11-
height: 20em; width:20em; border-radius: 2em; margin-top: 2em; background-color: palegreen;
12-
}
11+
height: 20em; width:20em; border-radius: 2em; margin-top: 2em; background-color: palegreen;}
12+
1313
button:focus {
14-
outline: 0;
15-
}
14+
outline: 0;}
1615
div {
17-
margin: 10em; text-align: center;
18-
}
16+
margin: 5em; text-align: center;}
1917
h1 {
2018
margin: 0 2em;
21-
white-space: nowrap;
22-
}
19+
white-space: nowrap;}
2320
h2 {
2421
margin: .5em 3em;
25-
white-space: nowrap;
26-
}
22+
white-space: nowrap;}
2723
</style>
2824
</head>
2925
<body>
3026
<div>
31-
<h1 id="result">Nothing yet</h1>
32-
<button onclick="handleClick()">Click</button>
27+
<h1 id="result">Click Any Of The Buttons And Try Your Luck!</h1>
28+
<div id="buttons">
29+
<button onclick="handleClick()">Click</button>
30+
<button onclick="handleClick()">Click</button>
31+
<button onclick="handleClick()">Click</button>
32+
<button onclick="handleClick()">Click</button>
33+
<button onclick="handleClick()">Click</button>
34+
<button onclick="handleClick()">Click</button>
35+
</div>
3336
<h2>Counter: <span id="count">0</span></h2>
3437
<h2>Record: <span id="record">0</span></h2>
38+
<button hidden onclick="reset()" id="reset">Try Again </button>
3539
</div>
3640
<script async defer>
3741
let counter = 0;
3842
let record = 0;
3943
let state = false;
40-
4144
function handleClick() {
4245
if (Math.floor(Math.random() * 6) == 0) {
46+
document.getElementById("result").innerText = "Bang! You survived " + counter + " click";
4347
if (counter != 1) {
4448
document.getElementById("result").innerText = "Bang! You survived " + counter + " clicks";
45-
} else {
46-
document.getElementById("result").innerText = "Bang! You survived " + counter + " click";
4749
}
4850
if (counter > record) {
4951
record = counter;
5052
if (record != 1) {
51-
document.getElementById("result").innerText = "A New Record! " + counter + " clicks";
52-
} else {
53-
document.getElementById("result").innerText = "Bang! You survived " + counter + " click";
53+
document.getElementById("result").innerText = "A New Record! " + counter + " clicks";
5454
}
5555
document.getElementById("record").innerText = counter;
5656
}
57-
document.getElementsByTagName("button")[0].innerText = "Try Again!"
5857
document.getElementById("result").style.color = "red";
5958
document.getElementById("count").innerText = counter;
59+
document.getElementById("buttons").style.display = "none";
60+
document.getElementById("reset").style.display = "block";
6061
counter = 0;
6162
state = false;
6263
} else {
@@ -65,9 +66,13 @@ <h2>Record: <span id="record">0</span></h2>
6566
document.getElementById("result").innerText = "Lucky!"
6667
counter += 1;
6768
document.getElementById("count").innerText = counter;
68-
document.getElementsByTagName("button")[0].innerText = "Click Me"
6969
}
7070
}
71+
function reset(){
72+
document.getElementById("buttons").style.display = "block";
73+
document.getElementById("reset").style.display = "none";
74+
document.getElementById("result").innerText = "Click Any Of The Buttons And Try Your Luck!";
75+
}
7176
</script>
7277
</body>
73-
</html>
78+
</html>

0 commit comments

Comments
 (0)