fix in bug

html.php

@@ -386,6 +386,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
     // Initialize balance from server BEFORE loading game script
     const serverBalance = <?php echo (int)$_SESSION['balance']; ?>;
     let gameBalance = serverBalance;
+    // let balance = serverBalance; // Removed to avoid conflict with ody git.js
   </script>
   <script src="ody git.js"></script>
   <script>
@@ -452,17 +453,20 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
         return;
       }
 
-      // Add balance immediately
-      gameBalance += amount;
-      updateBalanceDisplay();
-      
       // Submit form
       const formData = new FormData(topupForm);
       fetch('html.php', {
         method: 'POST',
         body: formData
       })
-      .then(response => {
+      .then(response => response.text())
+      .then(data => {
+        // Update balance from server response
+        const newBalance = serverBalance + amount;
+        gameBalance = newBalance;
+        balance = newBalance;
+        updateBalanceDisplay();
+        
         showTopUpMessage('✓ Top up berhasil! Saldo: Rp ' + gameBalance.toLocaleString('id-ID'), 'success');
         topupForm.reset();
         setTimeout(() => {
@@ -470,8 +474,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['update_balance'])) {
         }, 2000);
       })
       .catch(error => {
-        gameBalance -= amount; // Revert if error
+        console.error('Error:', error);
-        updateBalanceDisplay();
         showTopUpMessage('Terjadi kesalahan. Coba lagi.', 'error');
       });
     });

ody git.js

@@ -1,7 +1,7 @@
 // SET MESSAGE (WIN/LOSE)
 function setMessage(text, status) {
   messageEl.textContent = text;
-  messageEl.className = status; // 'win', 'lose', atau '' (tie)
+  messageEl.className = status;
 }
 
 // Simple Blackjack implementation
@@ -23,19 +23,33 @@ const doubleBtn = document.getElementById('double');
 const newRoundBtn = document.getElementById('new-round');
 const messageEl = document.getElementById('message');
 
+// TOP UP DOM Elements - HANDLED IN HTML.PHP
+// const topUpBtn = document.getElementById('top-up-btn');
+// const topUpModal = document.getElementById('top-up-modal');
+// const topUpClose = document.getElementById('top-up-close');
+// const topUpInput = document.getElementById('top-up-input');
+// const topUpConfirm = document.getElementById('top-up-confirm');
+// const topUpHistoryEl = document.getElementById('top-up-history');
+// const topUpBalanceEl = document.getElementById('top-up-balance');
+
+// Game variables
 let deck = [];
 let dealer = [];
 let player = [];
 let dealerHidden = true;
-let balance = 0; // Will be initialized from server
+let balance = 0;
 let currentBet = 0;
 let inRound = false;
 
-// Initialize balance from global gameBalance (set in html.php)
+// TOP UP variables - HANDLED IN HTML.PHP
+// let topUpAmount = 0;
+// let topUpHistory = [];
+
+// Initialize balance from global gameBalance
 if (typeof gameBalance !== 'undefined') {
   balance = gameBalance;
 } else {
-  balance = 1000; // Fallback
+  balance = 1000;
 }
 
 function makeDeck() {
@@ -106,9 +120,9 @@ function updateUI(){
   playerValueEl.textContent = 'Nilai: ' + handValues(player);
   balanceEl.textContent = balance.toLocaleString('id-ID');
   currentBetEl.textContent = currentBet.toLocaleString('id-ID');
+  // updateTopUpBalance(); // Redundant
 }
 
-// Function to update balance on server
 function updateBalanceOnServer() {
   fetch('html.php', {
     method: 'POST',
@@ -117,23 +131,41 @@ function updateBalanceOnServer() {
     },
     body: 'update_balance=' + balance
   })
-  .catch(err => console.log('Balance update sent'));
+    .then(response => {
+      if (response.headers.get('content-type')?.includes('application/json')) {
+        return response.json();
+      }
+      return { status: 'success' };
+    })
+    .then(data => {
+      if (data.balance !== undefined) {
+        balance = data.balance;
+        gameBalance = data.balance;
+      }
+    })
+    .catch(err => console.log('Balance update sent', err));
 }
 
 function startRound() {
   if (inRound) return;
 
   const bet = Number(betInput.value) || 0;
-  if(bet <=0 || bet > balance){ alert(' BANK TIDAK CUKUP! '); return; }
+
+  if (bet <= 0 || bet > balance) {
+    alert('BANK TIDAK CUKUP!');
+    return;
+  }
 
   currentBet = bet;
   balance -= bet;
+  gameBalance = balance;
   inRound = true;
   dealerHidden = true;
 
-  setMessage('', ''); // RESET MESSAGE
+  setMessage('', '');
 
-  makeDeck(); shuffle();
+  makeDeck();
+  shuffle();
   dealer = [deck.pop(), deck.pop()];
   player = [deck.pop(), deck.pop()];
 
@@ -147,10 +179,12 @@ function startRound(){
 
     if (dealerVal === 21) {
       balance += currentBet;
+      gameBalance = balance;
       setMessage('Tie (seri).', '');
     } else {
       const payout = Math.floor(currentBet * 2.5);
       balance += payout;
+      gameBalance = balance;
       setMessage('Blackjack! You Win!', 'win');
     }
 
@@ -172,6 +206,7 @@ function playerHit(){
     setMessage('Bust! You Lose!', 'lose');
     inRound = false;
     currentBet = 0;
+    gameBalance = balance;
     updateUI();
     updateBalanceOnServer();
   }
@@ -191,10 +226,12 @@ function playerStand(){
 
   if (dv > 21 || pv > dv) {
     balance += currentBet * 2;
+    gameBalance = balance;
     setMessage('You Win!', 'win');
 
   } else if (pv === dv) {
     balance += currentBet;
+    gameBalance = balance;
     setMessage('Tie (seri).', '');
 
   } else {
@@ -209,9 +246,13 @@ function playerStand(){
 
 function playerDouble() {
   if (!inRound) return;
-  if(balance < currentBet){ alert('Bank tidak cukup untuk double.'); return; }
+  if (balance < currentBet) {
+    alert('Bank tidak cukup untuk double.');
+    return;
+  }
 
   balance -= currentBet;
+  gameBalance = balance;
   currentBet *= 2;
 
   player.push(deck.pop());
@@ -230,62 +271,18 @@ function playerDouble(){
   playerStand();
 }
 
-// EVENTS
+// TOP UP FUNCTIONS - HANDLED IN HTML.PHP
-betBtn.addEventListener('click', startRound);
+/*
-hitBtn.addEventListener('click', playerHit);
-standBtn.addEventListener('click', playerStand);
-doubleBtn.addEventListener('click', playerDouble);
-
-newRoundBtn.addEventListener('click', ()=>{
-  if(inRound && !confirm('Masih dalam ronde. Reset?')) return;
-  balance = 1000;
-  currentBet=0;
-  inRound=false;
-  dealer=[]; 
-  player=[];
-  deck=[];
-  dealerHidden=true;
-  setMessage('Bank di-reset.', '');
-  updateUI();
-});
-
-// KEYBOARD
-window.addEventListener('keydown', e=>{
-  if(e.key==='h') playerHit();
-  if(e.key==='s') playerStand();
-  if(e.key==='d') playerDouble();
-  if(e.key==='Enter') startRound();
-});
-
-updateUI();
-
-// TOP UP FEATURE
-// Tambahkan variabel global untuk top up
-let topUpAmount = 0;
-let topUpHistory = [];
-
-// DOM elements untuk top up
-const topUpBtn = document.getElementById('top-up-btn');
-const topUpModal = document.getElementById('top-up-modal');
-const topUpClose = document.getElementById('top-up-close');
-const topUpInput = document.getElementById('top-up-input');
-const topUpConfirm = document.getElementById('top-up-confirm');
-const topUpHistoryEl = document.getElementById('top-up-history');
-const topUpBalanceEl = document.getElementById('top-up-balance');
-
-// Fungsi untuk menampilkan modal top up
 function showTopUpModal() {
   topUpModal.style.display = 'block';
-  topUpInput.value = '';
+  if(topUpInput) topUpInput.value = '';
   updateTopUpHistory();
 }
 
-// Fungsi untuk menyembunyikan modal top up
 function hideTopUpModal() {
   topUpModal.style.display = 'none';
 }
 
-// Fungsi untuk memproses top up
 function processTopUp() {
   const amount = Number(topUpInput.value) || 0;
   
@@ -299,29 +296,24 @@ function processTopUp() {
     return;
   }
   
-  // Simulasi proses top up (dalam implementasi nyata, ini akan terhubung ke payment gateway)
   balance += amount;
+  gameBalance = balance;
   topUpAmount += amount;
   
-  // Tambahkan ke riwayat top up
   topUpHistory.push({
     amount: amount,
     date: new Date().toLocaleString('id-ID'),
     balanceAfter: balance
   });
   
-  // Update UI
   updateUI();
   updateTopUpHistory();
   
-  // Tampilkan pesan sukses
   setMessage(`Top up berhasil! +${amount.toLocaleString('id-ID')}`, 'win');
   
-  // Sembunyikan modal
   hideTopUpModal();
 }
 
-// Fungsi untuk memperbarui riwayat top up
 function updateTopUpHistory() {
   if (!topUpHistoryEl) return;
   
@@ -332,7 +324,6 @@ function updateTopUpHistory() {
     return;
   }
   
-  // Tampilkan maksimal 5 riwayat terbaru
   const recentHistory = topUpHistory.slice(-5).reverse();
   
   recentHistory.forEach(record => {
@@ -347,14 +338,39 @@ function updateTopUpHistory() {
   });
 }
 
-// Fungsi untuk memperbarui tampilan saldo top up
 function updateTopUpBalance() {
   if (topUpBalanceEl) {
     topUpBalanceEl.textContent = `Total Top Up: ${topUpAmount.toLocaleString('id-ID')}`;
   }
 }
+*/
 
-// Event listeners untuk top up
+// EVENT LISTENERS
+betBtn.addEventListener('click', function (e) {
+  startRound();
+});
+
+hitBtn.addEventListener('click', playerHit);
+standBtn.addEventListener('click', playerStand);
+doubleBtn.addEventListener('click', playerDouble);
+
+newRoundBtn.addEventListener('click', function () {
+  if (inRound && !confirm('Masih dalam ronde. Reset?')) return;
+  balance = 1000;
+  gameBalance = 1000;
+  currentBet = 0;
+  inRound = false;
+  dealer = [];
+  player = [];
+  deck = [];
+  dealerHidden = true;
+  setMessage('Bank di-reset.', '');
+  updateUI();
+  updateBalanceOnServer();
+});
+
+// TOP UP EVENT LISTENERS - HANDLED IN HTML.PHP
+/*
 if (topUpBtn) {
   topUpBtn.addEventListener('click', showTopUpModal);
 }
@@ -367,46 +383,28 @@ if (topUpConfirm) {
   topUpConfirm.addEventListener('click', processTopUp);
 }
 
-// Tutup modal jika klik di luar modal
 window.addEventListener('click', (e) => {
   if (e.target === topUpModal) {
     hideTopUpModal();
   }
 });
+*/
 
-// Keyboard shortcut untuk top up (Ctrl+T)
+// KEYBOARD
 window.addEventListener('keydown', e => {
+  if (e.key === 'h') playerHit();
+  if (e.key === 's') playerStand();
+  if (e.key === 'd') playerDouble();
+  if (e.key === 'Enter') startRound();
+  /*
   if (e.ctrlKey && e.key === 't') {
     e.preventDefault();
     showTopUpModal();
   }
+  */
 });
 
-// Modifikasi fungsi updateUI untuk menampilkan informasi top up
+// INITIALIZATION
-const originalUpdateUI = updateUI;
-updateUI = function() {
-  originalUpdateUI();`        []`
-  updateTopUpBalance();
-};
-
-// Modifikasi fungsi newRound untuk reset saldo yang tidak mempengaruhi riwayat top up
-const originalNewRound = newRoundBtn.onclick;
-newRoundBtn.onclick = function() {
-  if (inRound && !confirm('Masih dalam ronde. Reset?')) return;
-  
-  // Reset saldo tapi pertahankan riwayat top up
-  const currentTopUpAmount = topUpAmount;
-  balance = 1000 + currentTopUpAmount;
-  currentBet = 0;
-  inRound = false;
-  dealer = []; 
-  player = [];
-  deck = [];
-  dealerHidden = true;
-  setMessage('Bank di-reset.', '');
 updateUI();
-};
+// updateTopUpHistory();
-
+// updateTopUpBalance();
-// Inisialisasi
-updateTopUpHistory();
-updateTopUpBalance();