Spaces:
Running
Running
Update index.html
Browse files- index.html +31 -32
index.html
CHANGED
|
@@ -48,36 +48,35 @@
|
|
| 48 |
</head>
|
| 49 |
<body>
|
| 50 |
<h1>Emoji Slot Machine</h1>
|
| 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 |
-
</div>
|
| 81 |
<button id="spin-btn">Spin</button>
|
| 82 |
<div id="balance">Balance: $<span id="balance-amount">10.00</span></div>
|
| 83 |
<div id="history"></div>
|
|
@@ -92,13 +91,13 @@
|
|
| 92 |
}
|
| 93 |
|
| 94 |
document.getElementById('spin-btn').addEventListener('click', function () {
|
| 95 |
-
var emojis = ['🍎', '🍌', '🍒', '🍇', '🍉'];
|
| 96 |
var balanceAmount = document.getElementById('balance-amount');
|
| 97 |
var history = document.getElementById('history');
|
| 98 |
var winAmount = 0;
|
| 99 |
|
| 100 |
// Deduct 25 cents
|
| 101 |
-
var newBalance = parseFloat(balanceAmount.textContent) - 0.
|
| 102 |
if (newBalance < 0) {
|
| 103 |
alert("Insufficient balance.");
|
| 104 |
return;
|
|
|
|
| 48 |
</head>
|
| 49 |
<body>
|
| 50 |
<h1>Emoji Slot Machine</h1>
|
| 51 |
+
<div class="line">
|
| 52 |
+
<div class="slot" id="slot1-1">🍎</div>
|
| 53 |
+
<div class="slot" id="slot1-2">🍌</div>
|
| 54 |
+
<div class="slot" id="slot1-3">🍒</div>
|
| 55 |
+
<div class="slot" id="slot1-4">🍇</div>
|
| 56 |
+
<div class="slot" id="slot1-5">🍉</div>
|
| 57 |
+
</div>
|
| 58 |
+
<div class="line">
|
| 59 |
+
<div class="slot" id="slot2-1">🍍</div>
|
| 60 |
+
<div class="slot" id="slot2-2">🍓</div>
|
| 61 |
+
<div class="slot" id="slot2-3">🥑</div>
|
| 62 |
+
<div class="slot" id="slot2-4">🌽</div>
|
| 63 |
+
<div class="slot" id="slot2-5">🍔</div>
|
| 64 |
+
</div>
|
| 65 |
+
<div class="line">
|
| 66 |
+
<div class="slot" id="slot3-1">🍟</div>
|
| 67 |
+
<div class="slot" id="slot3-2">🍕</div>
|
| 68 |
+
<div class="slot" id="slot3-3">🍩</div>
|
| 69 |
+
<div class="slot" id="slot3-4">🍪</div>
|
| 70 |
+
<div class="slot" id="slot3-5">🌮</div>
|
| 71 |
+
</div>
|
| 72 |
+
<div class="line">
|
| 73 |
+
<div class="slot" id="slot4-1">🍣</div>
|
| 74 |
+
<div class="slot" id="slot4-2">🍦</div>
|
| 75 |
+
<div class="slot" id="slot4-3">🥗</div>
|
| 76 |
+
<div class="slot" id="slot4-4">🥪</div>
|
| 77 |
+
<div class="slot" id="slot4-5">🍱</div>
|
| 78 |
+
</div>
|
| 79 |
+
|
|
|
|
| 80 |
<button id="spin-btn">Spin</button>
|
| 81 |
<div id="balance">Balance: $<span id="balance-amount">10.00</span></div>
|
| 82 |
<div id="history"></div>
|
|
|
|
| 91 |
}
|
| 92 |
|
| 93 |
document.getElementById('spin-btn').addEventListener('click', function () {
|
| 94 |
+
var emojis = ['🍎', '🍌', '🍒', '🍇', '🍉', '🍍', '🍓', '🥑', '🌽', '🍔'];
|
| 95 |
var balanceAmount = document.getElementById('balance-amount');
|
| 96 |
var history = document.getElementById('history');
|
| 97 |
var winAmount = 0;
|
| 98 |
|
| 99 |
// Deduct 25 cents
|
| 100 |
+
var newBalance = parseFloat(balanceAmount.textContent) - 0.25;
|
| 101 |
if (newBalance < 0) {
|
| 102 |
alert("Insufficient balance.");
|
| 103 |
return;
|