fix in bug
This commit is contained in:
alexander
parent
38914b6389
commit
0e1543374f
17
html.php
17
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');
|
||||
});
|
||||
});
|
||||
|
||||
318
ody git.js
318
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,73 +23,87 @@ 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');
|
||||
top.textContent = c.rank + ' ' + c.suit;
|
||||
const bot = document.createElement('div');
|
||||
bot.style.alignSelf='flex-end';
|
||||
bot.style.alignSelf = 'flex-end';
|
||||
bot.textContent = c.rank + ' ' + c.suit;
|
||||
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; }
|
||||
|
||||
if (bet <= 0 || bet > balance) {
|
||||
alert('BANK TIDAK CUKUP!');
|
||||
return;
|
||||
}
|
||||
|
||||
currentBet = bet;
|
||||
balance -= bet;
|
||||
inRound=true;
|
||||
dealerHidden=true;
|
||||
gameBalance = balance;
|
||||
inRound = true;
|
||||
dealerHidden = true;
|
||||
|
||||
setMessage('', ''); // RESET MESSAGE
|
||||
setMessage('', '');
|
||||
|
||||
makeDeck(); shuffle();
|
||||
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;
|
||||
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();
|
||||
// INITIALIZATION
|
||||
updateUI();
|
||||
// updateTopUpHistory();
|
||||
// updateTopUpBalance();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user