reload js

This commit is contained in:
ody 2025-11-20 18:27:34 +07:00
parent 4848d0d5b1
commit c9a81f8119

View File

@ -2,6 +2,7 @@
const SUITS = ['♠','♥','♦','♣']; const SUITS = ['♠','♥','♦','♣'];
const RANKS = ['A','2','3','4','5','6','7','8','9','10','J','Q','K']; const RANKS = ['A','2','3','4','5','6','7','8','9','10','J','Q','K'];
// DOM
const dealerHandEl = document.getElementById('dealer-hand'); const dealerHandEl = document.getElementById('dealer-hand');
const playerHandEl = document.getElementById('player-hand'); const playerHandEl = document.getElementById('player-hand');
const dealerValueEl = document.getElementById('dealer-value'); const dealerValueEl = document.getElementById('dealer-value');
@ -24,17 +25,15 @@ let balance = 1000;
let currentBet = 0; let currentBet = 0;
let inRound = false; let inRound = false;
// Membuat deck kartu
function makeDeck(){ function makeDeck(){
deck = []; deck = [];
for (let s of SUITS) { for(const s of SUITS){
for (let r of RANKS) { for(const r of RANKS){
deck.push({suit:s,rank:r}); deck.push({suit:s,rank:r});
} }
} }
} }
// Shuffle
function shuffle(){ function shuffle(){
for(let i=deck.length-1;i>0;i--){ for(let i=deck.length-1;i>0;i--){
const j = Math.floor(Math.random()*(i+1)); const j = Math.floor(Math.random()*(i+1));
@ -42,196 +41,125 @@ function shuffle() {
} }
} }
// Nilai kartu
function cardValue(card){ function cardValue(card){
if (card.rank === 'A') return 11; const r = card.rank;
if (['J','Q','K'].includes(card.rank)) return 10; if(r==='A') return [1,11];
return Number(card.rank); if(['J','Q','K'].includes(r)) return [10];
return [parseInt(r,10)];
} }
// Nilai total tangan
function handValues(hand){ function handValues(hand){
let total = 0; // returns best value <=21 or smallest if bust
let aceCount = 0; let totals = [0];
for(const c of hand){
for (let c of hand) { const vals = cardValue(c);
total += cardValue(c); const newTotals = [];
if (c.rank === 'A') aceCount++; for(const t of totals){
for(const v of vals){ newTotals.push(t+v); }
}
totals = Array.from(new Set(newTotals));
}
// separate <=21 and >21
const valid = totals.filter(t=>t<=21);
if(valid.length) return Math.max(...valid);
return Math.min(...totals);
} }
while (total > 21 && aceCount > 0) { function renderHand(el,hand,hideFirst=false){
total -= 10; el.innerHTML='';
aceCount--; hand.forEach((c,i)=>{
}
return total;
}
// Render kartu
function renderHand(container, hand, hideFirst = false) {
container.innerHTML = '';
hand.forEach((card, i) => {
const div = document.createElement('div'); const div = document.createElement('div');
div.className = 'card'; div.className='card'+(c.suit==='♥'||c.suit==='♦'?' red':'');
if(hideFirst && i===0){ div.className='card back'; div.textContent='TERSEMBUNYI'; }
// warna merah ♥ ♦ else{
if (card.suit === '♥' || card.suit === '♦') { const top = document.createElement('div'); top.textContent = c.rank + ' ' + c.suit; // top-left
div.classList.add('red'); const bot = document.createElement('div'); bot.style.alignSelf='flex-end'; bot.textContent = c.rank + ' ' + c.suit; // bottom-right
div.appendChild(top); div.appendChild(bot);
} }
el.appendChild(div);
if (hideFirst && i === 0) {
div.className = "card back";
div.textContent = "🂠";
} else {
div.innerHTML = `
<div>${card.rank}${card.suit}</div>
<div>${card.rank}${card.suit}</div>
`;
}
container.appendChild(div);
}); });
} }
// Update UI
function updateUI(){ function updateUI(){
renderHand(playerHandEl, player, false);
renderHand(dealerHandEl,dealer,dealerHidden); renderHand(dealerHandEl,dealer,dealerHidden);
renderHand(playerHandEl,player,false);
dealerValueEl.textContent = dealerHidden ? "?" : handValues(dealer); dealerValueEl.textContent = dealerHidden ? '??' : 'Nilai: '+handValues(dealer);
playerValueEl.textContent = handValues(player); playerValueEl.textContent = 'Nilai: '+handValues(player);
balanceEl.textContent = balance; balanceEl.textContent = balance;
currentBetEl.textContent = currentBet; currentBetEl.textContent = currentBet;
hitBtn.disabled = !inRound;
standBtn.disabled = !inRound;
doubleBtn.disabled = !inRound;
if (!inRound) {
messageEl.textContent = "Pasang taruhan untuk mulai.";
}
} }
// Mulai ronde
function startRound(){ function startRound(){
if(inRound) return; 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; messageEl.textContent='';
const bet = Number(betInput.value); makeDeck(); shuffle();
if (bet <= 0 || bet > balance) {
messageEl.textContent = "Taruhan tidak valid!";
return;
}
balance -= bet;
currentBet = bet;
makeDeck();
shuffle();
dealer = [deck.pop(), deck.pop()]; dealer = [deck.pop(), deck.pop()];
player = [deck.pop(), deck.pop()]; player = [deck.pop(), deck.pop()];
dealerHidden = true; // Check for natural blackjack
inRound = true;
messageEl.textContent = "Permainan dimulai!";
updateUI(); updateUI();
// Natural blackjack
if(handValues(player)===21){ if(handValues(player)===21){
playerStand(); dealerHidden=false; updateUI();
} const dealerVal = handValues(dealer);
} if(dealerVal===21){ // push
balance += currentBet; messageEl.textContent = 'Tie (seri). Taruhan dikembalikan.';
// Player hit
function playerHit() {
if (!inRound) return;
player.push(deck.pop());
updateUI();
if (handValues(player) > 21) {
dealerHidden = false;
messageEl.textContent = "Kamu bust! Dealer menang.";
inRound = false;
updateUI();
}
}
// Player stand
function playerStand() {
if (!inRound) return;
dealerHidden = false;
while (handValues(dealer) < 17) {
dealer.push(deck.pop());
}
const pv = handValues(player);
const dv = handValues(dealer);
if (dv > 21 || pv > dv) {
messageEl.textContent = "Kamu menang!";
balance += currentBet * 2;
} else if (pv === dv) {
messageEl.textContent = "Seri!";
balance += currentBet;
} else { } else {
messageEl.textContent = "Dealer menang!"; // player blackjack 3:2
const payout = Math.floor(currentBet * 2.5);
balance += payout; messageEl.textContent = 'Blackjack! You Win.';
} }
inRound=false; currentBet=0; updateUI();
currentBet = 0; } else {
inRound = false;
updateUI(); updateUI();
} }
}
function playerHit(){
if(!inRound) return; player.push(deck.pop()); updateUI();
const val = handValues(player);
if(val>21){ // bust
dealerHidden=false; messageEl.textContent='Bust! Dealer Win!'; inRound=false; currentBet=0; updateUI();
}
}
function playerStand(){
if(!inRound) return; dealerHidden=false; // reveal dealer
// dealer plays
while(handValues(dealer)<17){ dealer.push(deck.pop()); }
const pv = handValues(player); const dv = handValues(dealer);
if(dv>21 || pv>dv){ // player wins
const payout = currentBet*2; balance += payout; messageEl.textContent='You Win!';
} else if(pv===dv){ // push
balance += currentBet; messageEl.textContent='Tie (seri).';
} else { messageEl.textContent='Dealer Win!'; }
inRound=false; currentBet=0; updateUI();
}
// Double down
function playerDouble(){ function playerDouble(){
if(!inRound) return; if(!inRound) return;
if (balance < currentBet) { if(balance < currentBet){ alert('Bank tidak cukup untuk double.'); return; }
messageEl.textContent = "Saldo tidak cukup untuk double!"; // double: take exactly one card then stand
return; balance -= currentBet; currentBet = currentBet*2; player.push(deck.pop()); updateUI();
} const val = handValues(player);
if(val>21){ dealerHidden=false; messageEl.textContent='Bust setelah double. Dealer Win!'; inRound=false; currentBet=0; updateUI(); return; }
balance -= currentBet;
currentBet *= 2;
player.push(deck.pop());
updateUI();
if (handValues(player) > 21) {
dealerHidden = false;
messageEl.textContent = "Bust saat double! Dealer menang.";
inRound = false;
return updateUI();
}
playerStand(); playerStand();
} }
// Reset game
newRoundBtn.addEventListener('click', () => {
balance = 1000;
currentBet = 0;
dealer = [];
player = [];
deck = [];
inRound = false;
dealerHidden = true;
messageEl.textContent = "Bank di-reset.";
updateUI();
});
// Events // Events
betBtn.addEventListener('click', startRound); betBtn.addEventListener('click', startRound);
hitBtn.addEventListener('click', playerHit); hitBtn.addEventListener('click', playerHit);
standBtn.addEventListener('click', playerStand); standBtn.addEventListener('click', playerStand);
doubleBtn.addEventListener('click', playerDouble); doubleBtn.addEventListener('click', playerDouble);
newRoundBtn.addEventListener('click', ()=>{
// reset everything
if(inRound){ if(!confirm('Masih dalam ronde. Ingin reset?')) return; }
balance = 1000; currentBet=0; inRound=false; dealer=[]; player=[]; deck=[]; dealerHidden=true; messageEl.textContent='Bank di-reset.'; updateUI();
});
// Keyboard shortcut // keyboard shortcuts
window.addEventListener('keydown', e=>{ window.addEventListener('keydown', e=>{
if(e.key==='h') playerHit(); if(e.key==='h') playerHit();
if(e.key==='s') playerStand(); if(e.key==='s') playerStand();
@ -239,4 +167,5 @@ window.addEventListener('keydown', e => {
if(e.key==='Enter') startRound(); if(e.key==='Enter') startRound();
}); });
// initial UI
updateUI(); updateUI();