From 0e1543374fddc9fbbcb5836a8aba37c4c59aed31 Mon Sep 17 00:00:00 2001
From: alexander <alexanderotnil8@gmail.com>
Date: Mon, 1 Dec 2025 13:54:45 +0700
Subject: [PATCH] fix in bug

---
 html.php   |  17 +--
 ody git.js | 330 ++++++++++++++++++++++++++---------------------------
 2 files changed, 174 insertions(+), 173 deletions(-)

diff --git a/html.php b/html.php
index c7d694a..7bec743 100644
--- a/html.php
+++ b/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
-        updateBalanceDisplay();
+        console.error('Error:', error);
         showTopUpMessage('Terjadi kesalahan. Coba lagi.', 'error');
       });
     });
diff --git a/ody git.js b/ody git.js
index afee291..c6efb5b 100644
--- a/ody git.js	
+++ b/ody git.js	
@@ -1,12 +1,12 @@
 // SET MESSAGE (WIN/LOSE)
-function setMessage(text, status){
+function setMessage(text, status) {
   messageEl.textContent = text;
-  messageEl.className = status; // 'win', 'lose', atau '' (tie)
+  messageEl.className = status;
 }
 
 // Simple Blackjack implementation
-const SUITS = ['♠','♥','♦','♣'];
-const RANKS = ['A','2','3','4','5','6','7','8','9','10','J','Q','K'];
+const SUITS = ['♠', '♥', '♦', '♣'];
+const RANKS = ['A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K'];
 
 // DOM
 const dealerHandEl = document.getElementById('dealer-hand');
@@ -23,75 +23,89 @@ 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(){
+function makeDeck() {
   deck = [];
-  for(const s of SUITS){
-    for(const r of RANKS){
-      deck.push({suit:s,rank:r});
+  for (const s of SUITS) {
+    for (const r of RANKS) {
+      deck.push({ suit: s, rank: r });
     }
   }
 }
 
-function shuffle(){
-  for(let i=deck.length-1;i>0;i--){
-    const j = Math.floor(Math.random()*(i+1));
-    [deck[i],deck[j]] = [deck[j],deck[i]];
+function shuffle() {
+  for (let i = deck.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [deck[i], deck[j]] = [deck[j], deck[i]];
   }
 }
 
-function cardValue(card){
+function cardValue(card) {
   const r = card.rank;
-  if(r==='A') return [1,11];
-  if(['J','Q','K'].includes(r)) return [10];
-  return [parseInt(r,10)];
+  if (r === 'A') return [1, 11];
+  if (['J', 'Q', 'K'].includes(r)) return [10];
+  return [parseInt(r, 10)];
 }
 
-function handValues(hand){
+function handValues(hand) {
   let totals = [0];
-  for(const c of hand){
+  for (const c of hand) {
     const vals = cardValue(c);
     const newTotals = [];
-    for(const t of totals){
-      for(const v of vals){ newTotals.push(t+v); }
+    for (const t of totals) {
+      for (const v of vals) { newTotals.push(t + v); }
     }
     totals = Array.from(new Set(newTotals));
   }
-  const valid = totals.filter(t=>t<=21);
-  if(valid.length) return Math.max(...valid);
+  const valid = totals.filter(t => t <= 21);
+  if (valid.length) return Math.max(...valid);
   return Math.min(...totals);
 }
 
-function renderHand(el,hand,hideFirst=false){
-  el.innerHTML='';
-  hand.forEach((c,i)=>{
+function renderHand(el, hand, hideFirst = false) {
+  el.innerHTML = '';
+  hand.forEach((c, i) => {
     const div = document.createElement('div');
-    div.className='card'+(c.suit==='♥'||c.suit==='♦'?' red':'');
+    div.className = 'card' + (c.suit === '♥' || c.suit === '♦' ? ' red' : '');
 
-    if(hideFirst && i===0){
-      div.className='card back'; 
-      div.textContent='TERSEMBUNYI';
+    if (hideFirst && i === 0) {
+      div.className = 'card back';
+      div.textContent = 'TERSEMBUNYI';
     } else {
-      const top = document.createElement('div'); 
+      const top = document.createElement('div');
       top.textContent = c.rank + ' ' + c.suit;
-      const bot = document.createElement('div'); 
-      bot.style.alignSelf='flex-end'; 
+      const bot = document.createElement('div');
+      bot.style.alignSelf = 'flex-end';
       bot.textContent = c.rank + ' ' + c.suit;
-      div.appendChild(top); 
+      div.appendChild(top);
       div.appendChild(bot);
     }
 
@@ -99,16 +113,16 @@ function renderHand(el,hand,hideFirst=false){
   });
 }
 
-function updateUI(){
-  renderHand(dealerHandEl,dealer,dealerHidden);
-  renderHand(playerHandEl,player,false);
-  dealerValueEl.textContent = dealerHidden ? '??' : 'Nilai: '+handValues(dealer);
-  playerValueEl.textContent = 'Nilai: '+handValues(player);
+function updateUI() {
+  renderHand(dealerHandEl, dealer, dealerHidden);
+  renderHand(playerHandEl, player, false);
+  dealerValueEl.textContent = dealerHidden ? '??' : 'Nilai: ' + handValues(dealer);
+  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,111 +131,138 @@ 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;
+function startRound() {
+  if (inRound) return;
 
   const bet = Number(betInput.value) || 0;
-  if(bet <=0 || bet > balance){ alert(' BANK TIDAK CUKUP! '); return; }
 
-  currentBet = bet; 
-  balance -= bet; 
-  inRound=true; 
-  dealerHidden=true;
+  if (bet <= 0 || bet > balance) {
+    alert('BANK TIDAK CUKUP!');
+    return;
+  }
 
-  setMessage('', ''); // RESET MESSAGE
+  currentBet = bet;
+  balance -= bet;
+  gameBalance = balance;
+  inRound = true;
+  dealerHidden = true;
 
-  makeDeck(); shuffle();
+  setMessage('', '');
+
+  makeDeck();
+  shuffle();
   dealer = [deck.pop(), deck.pop()];
   player = [deck.pop(), deck.pop()];
 
   updateUI();
 
   // NATURAL BLACKJACK
-  if(handValues(player)===21){
-    dealerHidden=false; 
+  if (handValues(player) === 21) {
+    dealerHidden = false;
     updateUI();
     const dealerVal = handValues(dealer);
 
-    if(dealerVal===21){
+    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');
     }
 
-    inRound=false; 
-    currentBet=0; 
+    inRound = false;
+    currentBet = 0;
     updateUI();
     updateBalanceOnServer();
   }
 }
 
-function playerHit(){
-  if(!inRound) return;
+function playerHit() {
+  if (!inRound) return;
 
   player.push(deck.pop());
   updateUI();
 
-  if(handValues(player) > 21){
-    dealerHidden=false;
+  if (handValues(player) > 21) {
+    dealerHidden = false;
     setMessage('Bust! You Lose!', 'lose');
-    inRound=false;
-    currentBet=0;
+    inRound = false;
+    currentBet = 0;
+    gameBalance = balance;
     updateUI();
     updateBalanceOnServer();
   }
 }
 
-function playerStand(){
-  if(!inRound) return;
+function playerStand() {
+  if (!inRound) return;
 
-  dealerHidden=false;
+  dealerHidden = false;
 
-  while(handValues(dealer)<17){
+  while (handValues(dealer) < 17) {
     dealer.push(deck.pop());
   }
 
   const pv = handValues(player);
   const dv = handValues(dealer);
 
-  if(dv>21 || pv>dv){
-    balance += currentBet*2;
+  if (dv > 21 || pv > dv) {
+    balance += currentBet * 2;
+    gameBalance = balance;
     setMessage('You Win!', 'win');
 
-  } else if(pv===dv){
+  } else if (pv === dv) {
     balance += currentBet;
+    gameBalance = balance;
     setMessage('Tie (seri).', '');
 
   } else {
     setMessage('You Lose!', 'lose');
   }
 
-  inRound=false; 
-  currentBet=0; 
+  inRound = false;
+  currentBet = 0;
   updateUI();
   updateBalanceOnServer();
 }
 
-function playerDouble(){
-  if(!inRound) return;
-  if(balance < currentBet){ alert('Bank tidak cukup untuk double.'); return; }
+function playerDouble() {
+  if (!inRound) return;
+  if (balance < currentBet) {
+    alert('Bank tidak cukup untuk double.');
+    return;
+  }
 
-  balance -= currentBet; 
+  balance -= currentBet;
+  gameBalance = balance;
   currentBet *= 2;
 
   player.push(deck.pop());
   updateUI();
 
-  if(handValues(player)>21){
-    dealerHidden=false;
+  if (handValues(player) > 21) {
+    dealerHidden = false;
     setMessage('Bust! You Lose!', 'lose');
-    inRound=false;
-    currentBet=0;
+    inRound = false;
+    currentBet = 0;
     updateUI();
     updateBalanceOnServer();
     return;
@@ -230,62 +271,18 @@ function playerDouble(){
   playerStand();
 }
 
-// EVENTS
-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
+// TOP UP FUNCTIONS - HANDLED IN HTML.PHP
+/*
 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
-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();
-};
-
-// Inisialisasi
-updateTopUpHistory();
-updateTopUpBalance();
\ No newline at end of file
+// INITIALIZATION
+updateUI();
+// updateTopUpHistory();
+// updateTopUpBalance();