Spaces:

awacke1
/

Slot-Machine-HTML5

Running

App Files Files Community

awacke1 commited on Apr 18, 2023

Commit

18a5d47

1 Parent(s): a05eb3e

Update backupindex.html

Browse files

Files changed (1) hide show

backupindex.html +24 -2

backupindex.html CHANGED Viewed

@@ -26,6 +26,14 @@
             padding: 10px 20px;
             margin-top: 20px;
         }
     </style>
 </head>
 <body>
@@ -36,6 +44,8 @@
         <div class="slot" id="slot3">🍌</div>
     </div>
     <button id="spin-btn">Spin</button>
     <script>
         document.getElementById('spin-btn').addEventListener('click', function () {
@@ -43,13 +53,25 @@
             var slot1 = document.getElementById('slot1');
             var slot2 = document.getElementById('slot2');
             var slot3 = document.getElementById('slot3');
             slot1.textContent = emojis[Math.floor(Math.random() * emojis.length)];
             slot2.textContent = emojis[Math.floor(Math.random() * emojis.length)];
             slot3.textContent = emojis[Math.floor(Math.random() * emojis.length)];
             if (slot1.textContent === slot2.textContent && slot2.textContent === slot3.textContent) {
-                alert('You won! 🎉');
             }
         });
     </script>
 </body>
-</html>

             padding: 10px 20px;
             margin-top: 20px;
         }
+        #balance {
+            font-size: 1.25rem;
+            margin-top: 10px;
+        }
+        #history {
+            font-size: 1rem;
+            margin-top: 10px;
+        }
     </style>
 </head>
 <body>
         <div class="slot" id="slot3">🍌</div>
     </div>
     <button id="spin-btn">Spin</button>
+    <div id="balance">Balance: $<span id="balance-amount">10.00</span></div>
+    <div id="history"></div>
     <script>
         document.getElementById('spin-btn').addEventListener('click', function () {
             var slot1 = document.getElementById('slot1');
             var slot2 = document.getElementById('slot2');
             var slot3 = document.getElementById('slot3');
+            var balanceAmount = document.getElementById('balance-amount');
+            var history = document.getElementById('history');
+            // Deduct 25 cents
+            var newBalance = parseFloat(balanceAmount.textContent) - 0.25;
+            if (newBalance < 0) {
+                alert("Insufficient balance.");
+                return;
+            }
+            balanceAmount.textContent = newBalance.toFixed(2);
             slot1.textContent = emojis[Math.floor(Math.random() * emojis.length)];
             slot2.textContent = emojis[Math.floor(Math.random() * emojis.length)];
             slot3.textContent = emojis[Math.floor(Math.random() * emojis.length)];
             if (slot1.textContent === slot2.textContent && slot2.textContent === slot3.textContent) {
+                var winAmount = Math.floor(Math.random() * 100) + 1;
+                newBalance = parseFloat(balanceAmount.textContent) + winAmount;
+                balanceAmount.textContent = newBalance.toFixed(2);
+                history.innerHTML += '<p>You won $' + winAmount + '! 🎉</p>';
             }
         });
     </script>
 </body>
+</html>