{"id":808,"date":"2026-09-06T12:45:03","date_gmt":"2026-09-06T04:45:03","guid":{"rendered":"https:\/\/quicool.cn\/?p=808"},"modified":"2026-09-10T23:37:12","modified_gmt":"2026-09-10T15:37:12","slug":"blackjack","status":"publish","type":"post","link":"https:\/\/quicool.cn\/ko\/2026\/09\/06\/blackjack\/","title":{"rendered":"Slot machine"},"content":{"rendered":"<style>\n.slot-box {\n    max-width: 600px;\n    margin: 20px auto;\n    padding: 20px 15px;\n    background: #1a1a2e;\n    border-radius: 25px;\n    text-align: center;\n    font-family: Arial, sans-serif;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.5);\n}\n.slot-box h2 {\n    font-size: 2.5em;\n    margin: 0 0 5px 0;\n    color: #ffd700;\n    font-weight: 900;\n    text-shadow: 0 2px 8px rgba(255,215,0,0.3);\n}\n.slot-box .balance {\n    color: #fff;\n    font-size: 1.2em;\n    background: rgba(0,0,0,0.4);\n    padding: 5px 20px;\n    border-radius: 20px;\n    display: inline-block;\n    margin: 0 0 15px 0;\n}\n.slot-box .reels {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    padding: 20px 10px;\n    background: #0f0f1f;\n    border-radius: 30px;\n    margin: 10px 0;\n}\n.slot-box .reel {\n    width: 90px;\n    height: 160px;\n    background: #2c2c3e;\n    border-radius: 15px;\n    overflow: hidden;\n    padding: 4px 0;\n    box-shadow: inset 0 10px 20px rgba(0,0,0,0.8), 0 0 0 2px rgba(255,215,0,0.15);\n}\n.slot-box .symbol {\n    font-size: 2.8em;\n    height: 1.5em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.7;\n    line-height: 1.4;\n}\n.slot-box .symbol.win {\n    opacity: 1;\n    filter: drop-shadow(0 0 15px #ffd700);\n}\n.slot-box .spin-btn:active {\n    background: linear-gradient(145deg, #f5c842, #d49b1a);\n    color: #1a1a2e;\n    box-shadow: 0 6px 0 #7a5a0a, 0 8px 20px rgba(0,0,0,0.4);\n}\n.slot-box .msg {\n    font-size: 1.4em;\n    color: #ffd866;\n    min-height: 2em;\n    margin: 5px 0 0 0;\n    font-weight: 500;\n}\n.slot-box .msg.win { color: #7dff7d; }\n.slot-box .msg.lose { color: #ff8a8a; }\n@media (max-width: 500px) {\n    .slot-box .reel { width: 65px; height: 115px; }\n    .slot-box .symbol { font-size: 2em; }\n    .slot-box h2 { font-size: 2em; }\n    .slot-box { font-size: 1.4em; padding: 10px 30px; }\n}\n<\/style>\n<div class=\"slot-box\">\n<h2>\ud83c\udfb0 Slot Machine<\/h2>\n<div class=\"balance\">\ud83d\udcb0 Balance: $1000<\/div>\n<div class=\"reels\">\n<div class=\"reel\" data-idx=\"0\">\n<div class=\"symbol\">\ud83c\udf52<\/div>\n<div class=\"symbol\">\ud83d\udd14<\/div>\n<div class=\"symbol\">\ud83c\udf4b<\/div>\n<\/p><\/div>\n<div class=\"reel\" data-idx=\"1\">\n<div class=\"symbol\">\ud83c\udf52<\/div>\n<div class=\"symbol\">\ud83d\udd14<\/div>\n<div class=\"symbol\">\ud83c\udf4b<\/div>\n<\/p><\/div>\n<div class=\"reel\" data-idx=\"2\">\n<div class=\"symbol\">\ud83c\udf52<\/div>\n<div class=\"symbol\">\ud83d\udd14<\/div>\n<div class=\"symbol\">\ud83c\udf4b<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <button class=\"spin-btn\">SPIN<\/button><\/p>\n<div class=\"msg\">\ud83c\udfb2 Press SPIN or Spacebar<\/div>\n<\/div>\n<p><script>\n(function(){\nconst SYMBOLS = ['\ud83c\udf52','\ud83c\udf52','\ud83c\udf52','\ud83c\udf4b','\ud83c\udf4b','\ud83c\udf49','\ud83d\udd14','7\ufe0f\u20e3'];\nlet reelsData = [\n    SYMBOLS.slice(),\n    SYMBOLS.slice().reverse(),\n    SYMBOLS.slice()\n];\nfor (let i = reelsData[2].length - 1; i > 0; i--) {\n    const j = Math.floor(Math.random() * (i + 1));\n    [reelsData[2][i], reelsData[2][j]] = [reelsData[2][j], reelsData[2][i]];\n}\nlet balance = 1000;\nconst BET = 10;\nlet spinning = false;\nconst box = document.querySelector('.slot-box');\nconst reelEls = box.querySelectorAll('.reel');\nconst balanceEl = box.querySelector('.balance');\nconst msgEl = box.querySelector('.msg');\nconst btn = box.querySelector('.spin-btn');\nfunction updateBalance() {\n    balanceEl.textContent = '\ud83d\udcb0 Balance: $' + balance;\n}\nfunction setMsg(text, type='') {\n    msgEl.textContent = text;\n    msgEl.className = 'msg' + (type ? ' ' + type : '');\n}\nfunction renderReel(idx) {\n    const el = reelEls[idx];\n    el.innerHTML = '';\n    reelsData[idx].forEach(s => {\n        const d = document.createElement('div');\n        d.className = 'symbol';\n        d.textContent = s;\n        el.appendChild(d);\n    });\n}\nreelEls.forEach((_, i) => renderReel(i));\nupdateBalance();\nsetMsg('\ud83c\udfb2 Press SPIN or Spacebar');\nfunction checkWin() {\n    const row1 = reelsData.map(r => r[0]);\n    const row2 = reelsData.map(r => r[1]);\n    let win = false;\n    let rowIdx = -1;\n    if (row1[0] === row1[1] && row1[1] === row1[2]) { win = true; rowIdx = 0; }\n    else if (row2[0] === row2[1] && row2[1] === row2[2]) { win = true; rowIdx = 1; }\n    box.querySelectorAll('.symbol').forEach(el => el.classList.remove('win'));\n    if (win) {\n        const payout = BET * 5;\n        balance += payout;\n        updateBalance();\n        setMsg('\ud83c\udf89 You Win! +$' + payout, 'win');\n        reelEls.forEach(reel => {\n            const syms = reel.querySelectorAll('.symbol');\n            if (syms[rowIdx]) syms[rowIdx].classList.add('win');\n        });\n    } else {\n        setMsg('\ud83d\ude1e Try Again', 'lose');\n    }\n    spinning = false;\n    btn.disabled = false;\n}\nfunction spinReel(idx, callback) {\n    const count = 10 + Math.floor(Math.random() * 5);\n    let cur = 0;\n    const interval = setInterval(() => {\n        const last = reelsData[idx].pop();\n        reelsData[idx].unshift(last);\n        renderReel(idx);\n        cur++;\n        if (cur >= count) {\n            clearInterval(interval);\n            callback();\n        }\n    }, 50 + idx * 50);\n}\nfunction spin() {\n    if (spinning) return;\n    if (balance < BET) {\n        setMsg('\u274c Insufficient Balance!', 'lose');\n        return;\n    }\n    balance -= BET;\n    updateBalance();\n    setMsg('\ud83c\udf00 Spinning...');\n    spinning = true;\n    btn.disabled = true;\n    box.querySelectorAll('.symbol').forEach(el => el.classList.remove('win'));\n    let done = 0;\n    reelEls.forEach((_, idx) => {\n        spinReel(idx, () => {\n            done++;\n            if (done === reelEls.length) {\n                setTimeout(checkWin, 200);\n            }\n        });\n    });\n}\nbtn.addEventListener('click', spin);\ndocument.addEventListener('keydown', e => {\n    if (e.code === 'Space' && !e.repeat) {\n        e.preventDefault();\n        spin();\n    }\n});\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfb0 Slot Machine \ud83d\udcb0 Balance: $1000 \ud83c\udf52 \ud83d\udd14 \ud83c\udf4b \ud83c\udf52 \ud83d\udd14 \ud83c\udf4b \ud83c\udf52 \ud83d\udd14 \ud83c\udf4b SPIN \ud83c\udfb2 Press SPIN or Spacebar<\/p>\n","protected":false},"author":280408453,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_wpcom_ai_launchpad_first_post":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1399],"tags":[],"class_list":["post-808","post","type-post","status-publish","format-standard","hentry","category-games"],"acf":[],"jetpack_publicize_connections":[],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pheHhr-d2","jetpack-related-posts":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/posts\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/users\/280408453"}],"replies":[{"embeddable":true,"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":47,"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/posts\/808\/revisions"}],"predecessor-version":[{"id":893,"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/posts\/808\/revisions\/893"}],"wp:attachment":[{"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/media?parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/categories?post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quicool.cn\/ko\/wp-json\/wp\/v2\/tags?post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}