Doorprize Spin Wheel<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cinzel', serif;\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n color: #fff;\r\n min-height: 100vh;\r\n padding: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .container {\r\n max-width: 1018px;\r\n width: 100%;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n align-items: start;\r\n }\r\n\r\n .wheel-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 600px;\r\n order: 2;\r\n }\r\n\r\n .sidebar {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 15px;\r\n padding: 25px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(212, 175, 55, 0.2);\r\n order: 1;\r\n }\r\n\r\n .sidebar h2 {\r\n color: #D4AF37;\r\n margin-bottom: 15px;\r\n font-size: 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .input-section {\r\n margin-bottom: 25px;\r\n }\r\n\r\n textarea {\r\n width: 100%;\r\n min-height: 180px;\r\n padding: 12px;\r\n border-radius: 8px;\r\n border: 2px solid rgba(212, 175, 55, 0.3);\r\n background: rgba(0, 0, 0, 0.3);\r\n color: #fff;\r\n font-family: monospace;\r\n font-size: 16px;\r\n resize: vertical;\r\n }\r\n\r\n textarea::placeholder {\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n padding: 15px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-top: 10px;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);\r\n color: #000;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .entries-count {\r\n text-align: center;\r\n color: #D4AF37;\r\n margin-top: 15px;\r\n font-size: 14px;\r\n }\r\n\r\n .history-section {\r\n margin-top: 25px;\r\n max-height: 300px;\r\n overflow-y: auto;\r\n }\r\n\r\n .history-section h3 {\r\n color: #D4AF37;\r\n margin-bottom: 10px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .history-item {\r\n background: rgba(212, 175, 55, 0.1);\r\n padding: 10px;\r\n border-radius: 6px;\r\n margin-bottom: 8px;\r\n border-left: 3px solid #D4AF37;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .history-item .winner {\r\n font-weight: bold;\r\n color: #D4AF37;\r\n }\r\n\r\n .history-item .time {\r\n font-size: 12px;\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .wheel-wrapper {\r\n position: relative;\r\n width: 700px;\r\n height: 700px;\r\n margin: 30px auto;\r\n }\r\n\r\n .arrow {\r\n position: absolute;\r\n top: -35px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 0;\r\n border-left: 30px solid transparent;\r\n border-right: 30px solid transparent;\r\n border-top: 60px solid #fff;\r\n z-index: 10;\r\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\r\n }\r\n\r\n #wheelCanvas {\r\n border-radius: 50%;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n background: #1a1a1a;\r\n }\r\n\r\n .center-circle {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100px;\r\n height: 100px;\r\n background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);\r\n border-radius: 50%;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n z-index: 5;\r\n border: 4px solid #fff;\r\n }\r\n\r\n .spin-button {\r\n padding: 25px 60px;\r\n font-size: 28px;\r\n font-weight: bold;\r\n background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);\r\n color: #000;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);\r\n margin-top: 30px;\r\n }\r\n\r\n .spin-button:hover:not(:disabled) {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 30px rgba(212, 175, 55, 0.6);\r\n }\r\n\r\n .spin-button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .winner-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.9);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1001;\r\n }\r\n\r\n .winner-modal.show {\r\n display: flex;\r\n }\r\n\r\n .winner-content {\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n padding: 50px;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 3px solid #D4AF37;\r\n box-shadow: 0 10px 50px rgba(212, 175, 55, 0.5);\r\n animation: modalPop 0.5s ease;\r\n }\r\n\r\n @keyframes modalPop {\r\n 0% {\r\n transform: scale(0.5);\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .winner-content h2 {\r\n color: #D4AF37;\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .winner-content .winner-code {\r\n font-size: 3rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin: 20px 0;\r\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.8);\r\n }\r\n\r\n .winner-content button {\r\n margin-top: 30px;\r\n padding: 15px 40px;\r\n font-size: 18px;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .container {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .wheel-wrapper {\r\n width: 500px;\r\n height: 500px;\r\n }\r\n \r\n #wheelCanvas {\r\n width: 500px;\r\n height: 500px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 10px;\r\n }\r\n \r\n .sidebar {\r\n padding: 15px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .sidebar h2 {\r\n font-size: 1.1rem;\r\n }\r\n \r\n textarea {\r\n min-height: 150px;\r\n font-size: 12px;\r\n }\r\n \r\n .btn {\r\n font-size: 14px;\r\n padding: 10px;\r\n }\r\n \r\n .history-section {\r\n max-height: 200px;\r\n }\r\n\r\n .wheel-wrapper {\r\n width: 90vw;\r\n height: 90vw;\r\n max-width: 400px;\r\n max-height: 400px;\r\n }\r\n \r\n #wheelCanvas {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n \r\n .arrow {\r\n top: -20px;\r\n border-left: 15px solid transparent;\r\n border-right: 15px solid transparent;\r\n border-top: 30px solid #fff;\r\n }\r\n \r\n .center-circle {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n\r\n .spin-button {\r\n padding: 15px 30px;\r\n font-size: 18px;\r\n margin-top: 20px;\r\n }\r\n \r\n .winner-content {\r\n padding: 30px 20px;\r\n margin: 20px;\r\n }\r\n \r\n .winner-content h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .winner-content .winner-code {\r\n font-size: 2rem;\r\n }\r\n \r\n .winner-content button {\r\n padding: 12px 30px;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sidebar h2 {\r\n font-size: 1rem;\r\n }\r\n \r\n .wheel-wrapper {\r\n width: 85vw;\r\n height: 85vw;\r\n max-width: 320px;\r\n max-height: 320px;\r\n }\r\n \r\n .spin-button {\r\n padding: 12px 25px;\r\n font-size: 16px;\r\n }\r\n \r\n .winner-content h2 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .winner-content .winner-code {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: rgba(212, 175, 55, 0.5);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: rgba(212, 175, 55, 0.7);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"sidebar\">\r\n <h2>Daftar Peserta<\/h2>\r\n \r\n <div class=\"input-section\">\r\n <textarea \r\n id=\"entriesInput\"\r\n ><\/textarea>\r\n <button class=\"btn btn-primary\" onclick=\"loadEntries()\">Load Peserta<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"shuffleEntries()\">Shuffle<\/button>\r\n <div class=\"entries-count\" id=\"entriesCount\">0 peserta<\/div>\r\n <\/div>\r\n\r\n <div class=\"history-section\">\r\n <h3>Pemenang<\/h3>\r\n <div id=\"historyList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wheel-container\">\r\n <div class=\"wheel-wrapper\">\r\n <div class=\"arrow\"><\/div>\r\n <canvas id=\"wheelCanvas\" width=\"700\" height=\"700\"><\/canvas>\r\n <div class=\"center-circle\"><\/div>\r\n <\/div>\r\n <button class=\"spin-button\" id=\"spinButton\" onclick=\"spin()\" disabled>\r\n SPIN THE WHEEL!\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"winner-modal\" id=\"winnerModal\">\r\n <div class=\"winner-content\">\r\n <h2>SELAMAT!<\/h2>\r\n <div class=\"winner-code\" id=\"winnerCode\"><\/div>\r\n <button class=\"btn btn-primary\" onclick=\"closeWinnerModal()\">Tutup<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let entries = [];\r\n let currentRotation = 0;\r\n let isSpinning = false;\r\n let winners = [];\r\n\r\n const canvas = document.getElementById('wheelCanvas');\r\n const ctx = canvas.getContext('2d'); \r\n const colors = ['#D4AF37', '#000000'];\r\n\r\n function loadEntries() {\r\n const input = document.getElementById('entriesInput').value;\r\n const lines = input.split('\\n').filter(line => line.trim() !== '');\r\n \r\n if (lines.length === 0) {\r\n alert('Masukkan minimal 1 kode peserta!');\r\n return;\r\n }\r\n\r\n entries = lines.map(line => line.trim());\r\n updateEntriesCount();\r\n drawWheel();\r\n document.getElementById('spinButton').disabled = false;\r\n }\r\n\r\n function shuffleEntries() {\r\n if (entries.length === 0) return;\r\n for (let i = entries.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [entries[i], entries[j]] = [entries[j], entries[i]];\r\n }\r\n drawWheel();\r\n }\r\n\r\n function updateEntriesCount() {\r\n document.getElementById('entriesCount').textContent = `${entries.length} peserta`;\r\n }\r\n\r\n function drawWheel() {\r\n if (entries.length === 0) return;\r\n\r\n const centerX = canvas.width \/ 2;\r\n const centerY = canvas.height \/ 2;\r\n const radius = canvas.width \/ 2 - 10;\r\n const arc = (2 * Math.PI) \/ entries.length;\r\n\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\r\n entries.forEach((entry, i) => {\r\n const startAngle = i * arc;\r\n const endAngle = (i + 1) * arc;\r\n \r\n ctx.beginPath();\r\n ctx.fillStyle = colors[i % 2];\r\n ctx.moveTo(centerX, centerY);\r\n ctx.arc(centerX, centerY, radius, startAngle, endAngle);\r\n ctx.lineTo(centerX, centerY);\r\n ctx.fill();\r\n\r\n ctx.strokeStyle = 'rgba(255, 255, 255, 0.2)';\r\n ctx.lineWidth = 2;\r\n ctx.stroke();\r\n\r\n ctx.save();\r\n ctx.translate(centerX, centerY);\r\n ctx.rotate(startAngle + arc \/ 2);\r\n ctx.textAlign = 'right';\r\n ctx.fillStyle = colors[i % 2] === '#D4AF37' ? '#000' : '#D4AF37';\r\n \r\n let fontSize;\r\n if (entries.length <= 10) fontSize = 26;\r\n else if (entries.length <= 20) fontSize = 22;\r\n else if (entries.length <= 30) fontSize = 18;\r\n else if (entries.length <= 50) fontSize = 14;\r\n else if (entries.length <= 70) fontSize = 11;\r\n else fontSize = 10;\r\n \r\n ctx.font = `bold ${fontSize}px 'Cinzel', serif`;\r\n ctx.fillText(entry, radius - 25, 6);\r\n ctx.restore();\r\n });\r\n }\r\n\r\n function spin() {\r\n if (isSpinning || entries.length === 0) return;\r\n\r\n isSpinning = true;\r\n document.getElementById('spinButton').disabled = true;\r\n\r\n const targetIndex = Math.floor(Math.random() * entries.length);\r\n const arc = (2 * Math.PI) \/ entries.length;\r\n \r\n const targetSegmentAngle = targetIndex * arc + arc \/ 2;\r\n const arrowAngle = 3 * Math.PI \/ 2;\r\n \r\n let additionalRotation = arrowAngle - targetSegmentAngle - currentRotation;\r\n \r\n while (additionalRotation < 0) {\r\n additionalRotation += 2 * Math.PI;\r\n }\r\n \r\n const minSpins = 5 + Math.floor(Math.random() * 3);\r\n const totalRotation = minSpins * 2 * Math.PI + additionalRotation;\r\n\r\n animateWheel(totalRotation);\r\n }\r\n\r\n function animateWheel(totalRotation) {\r\n const duration = 4000;\r\n const startTime = Date.now();\r\n const startRotation = currentRotation;\r\n\r\n function animate() {\r\n const now = Date.now();\r\n const elapsed = now - startTime;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n const easeOut = 1 - Math.pow(1 - progress, 3);\r\n \r\n currentRotation = startRotation + (totalRotation * easeOut);\r\n\r\n ctx.save();\r\n ctx.translate(canvas.width \/ 2, canvas.height \/ 2);\r\n ctx.rotate(currentRotation);\r\n ctx.translate(-canvas.width \/ 2, -canvas.height \/ 2);\r\n drawWheel();\r\n ctx.restore();\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n const winnerIndex = calculateWinnerAtArrow();\r\n showWinner(winnerIndex);\r\n }\r\n }\r\n\r\n animate();\r\n }\r\n\r\n function calculateWinnerAtArrow() {\r\n const arc = (2 * Math.PI) \/ entries.length;\r\n const arrowAngle = 3 * Math.PI \/ 2;\r\n \r\n let normalized = currentRotation % (2 * Math.PI);\r\n if (normalized < 0) normalized += 2 * Math.PI;\r\n \r\n let angleAtArrow = arrowAngle - normalized;\r\n while (angleAtArrow < 0) angleAtArrow += 2 * Math.PI;\r\n while (angleAtArrow >= 2 * Math.PI) angleAtArrow -= 2 * Math.PI;\r\n \r\n let winnerIndex = Math.floor(angleAtArrow \/ arc) % entries.length;\r\n return winnerIndex;\r\n }\r\n\r\n function showWinner(winnerIndex) {\r\n const winner = entries[winnerIndex];\r\n \r\n const now = new Date();\r\n const timeString = now.toLocaleTimeString('id-ID');\r\n winners.unshift({ code: winner, time: timeString });\r\n updateHistory();\r\n\r\n document.getElementById('winnerCode').textContent = winner;\r\n document.getElementById('winnerModal').classList.add('show');\r\n\r\n entries.splice(winnerIndex, 1);\r\n updateEntriesCount();\r\n drawWheel();\r\n\r\n isSpinning = false;\r\n \r\n if (entries.length > 0) {\r\n document.getElementById('spinButton').disabled = false;\r\n }\r\n }\r\n\r\n function closeWinnerModal() {\r\n document.getElementById('winnerModal').classList.remove('show');\r\n }\r\n\r\n function updateHistory() {\r\n const historyList = document.getElementById('historyList');\r\n \r\n if (winners.length === 0) {\r\n historyList.innerHTML = '<p style=\"color: rgba(255,255,255,0.4); text-align: center;\">Belum ada pemenang<\/p>';\r\n return;\r\n }\r\n\r\n historyList.innerHTML = winners.map(w => `\r\n <div class=\"history-item\">\r\n <span class=\"winner\">${w.code}<\/span>\r\n <span class=\"time\">${w.time}<\/span>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n updateHistory();\r\n drawWheel();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Doorprize Spin Wheel Daftar Peserta Load Peserta Shuffle 0 peserta Pemenang SPIN THE WHEEL! SELAMAT! Tutup<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5834","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Spin Wheel - Bingxue<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spin Wheel - Bingxue\" \/>\n<meta property=\"og:description\" content=\"Doorprize Spin Wheel Daftar Peserta Load Peserta Shuffle 0 peserta Pemenang SPIN THE WHEEL! SELAMAT! Tutup\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/\" \/>\n<meta property=\"og:site_name\" content=\"Bingxue\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bingxueindonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-29T17:51:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/\",\"url\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/\",\"name\":\"Spin Wheel - Bingxue\",\"isPartOf\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/#website\"},\"datePublished\":\"2026-01-27T07:18:10+00:00\",\"dateModified\":\"2026-01-29T17:51:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bingxueindonesia.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spin Wheel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/#website\",\"url\":\"https:\/\/bingxueindonesia.co.id\/\",\"name\":\"Bingxue\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bingxueindonesia.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/#organization\",\"name\":\"Bingxue\",\"url\":\"https:\/\/bingxueindonesia.co.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png\",\"contentUrl\":\"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png\",\"width\":211,\"height\":63,\"caption\":\"Bingxue\"},\"image\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bingxueindonesia\/\",\"https:\/\/www.instagram.com\/bingxue.indonesia\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Spin Wheel - Bingxue","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/","og_locale":"en_US","og_type":"article","og_title":"Spin Wheel - Bingxue","og_description":"Doorprize Spin Wheel Daftar Peserta Load Peserta Shuffle 0 peserta Pemenang SPIN THE WHEEL! SELAMAT! Tutup","og_url":"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/","og_site_name":"Bingxue","article_publisher":"https:\/\/www.facebook.com\/bingxueindonesia\/","article_modified_time":"2026-01-29T17:51:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/","url":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/","name":"Spin Wheel - Bingxue","isPartOf":{"@id":"https:\/\/bingxueindonesia.co.id\/#website"},"datePublished":"2026-01-27T07:18:10+00:00","dateModified":"2026-01-29T17:51:36+00:00","breadcrumb":{"@id":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bingxueindonesia.co.id\/spin-wheel\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bingxueindonesia.co.id\/"},{"@type":"ListItem","position":2,"name":"Spin Wheel"}]},{"@type":"WebSite","@id":"https:\/\/bingxueindonesia.co.id\/#website","url":"https:\/\/bingxueindonesia.co.id\/","name":"Bingxue","description":"","publisher":{"@id":"https:\/\/bingxueindonesia.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bingxueindonesia.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bingxueindonesia.co.id\/#organization","name":"Bingxue","url":"https:\/\/bingxueindonesia.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png","contentUrl":"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png","width":211,"height":63,"caption":"Bingxue"},"image":{"@id":"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bingxueindonesia\/","https:\/\/www.instagram.com\/bingxue.indonesia\/"]}]}},"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages\/5834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/comments?post=5834"}],"version-history":[{"count":32,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages\/5834\/revisions"}],"predecessor-version":[{"id":5880,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages\/5834\/revisions\/5880"}],"wp:attachment":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/media?parent=5834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Doorprize Spin Wheel<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Cinzel', serif;\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n color: #fff;\r\n min-height: 100vh;\r\n padding: 20px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .container {\r\n max-width: 1018px;\r\n width: 100%;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n align-items: start;\r\n }\r\n\r\n .wheel-container {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 600px;\r\n order: 2;\r\n }\r\n\r\n .sidebar {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 15px;\r\n padding: 25px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(212, 175, 55, 0.2);\r\n order: 1;\r\n }\r\n\r\n .sidebar h2 {\r\n color: #D4AF37;\r\n margin-bottom: 15px;\r\n font-size: 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .input-section {\r\n margin-bottom: 25px;\r\n }\r\n\r\n textarea {\r\n width: 100%;\r\n min-height: 180px;\r\n padding: 12px;\r\n border-radius: 8px;\r\n border: 2px solid rgba(212, 175, 55, 0.3);\r\n background: rgba(0, 0, 0, 0.3);\r\n color: #fff;\r\n font-family: monospace;\r\n font-size: 16px;\r\n resize: vertical;\r\n }\r\n\r\n textarea::placeholder {\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n padding: 15px;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-top: 10px;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);\r\n color: #000;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);\r\n }\r\n\r\n .btn-secondary {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .btn:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .entries-count {\r\n text-align: center;\r\n color: #D4AF37;\r\n margin-top: 15px;\r\n font-size: 14px;\r\n }\r\n\r\n .history-section {\r\n margin-top: 25px;\r\n max-height: 300px;\r\n overflow-y: auto;\r\n }\r\n\r\n .history-section h3 {\r\n color: #D4AF37;\r\n margin-bottom: 10px;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .history-item {\r\n background: rgba(212, 175, 55, 0.1);\r\n padding: 10px;\r\n border-radius: 6px;\r\n margin-bottom: 8px;\r\n border-left: 3px solid #D4AF37;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .history-item .winner {\r\n font-weight: bold;\r\n color: #D4AF37;\r\n }\r\n\r\n .history-item .time {\r\n font-size: 12px;\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .wheel-wrapper {\r\n position: relative;\r\n width: 700px;\r\n height: 700px;\r\n margin: 30px auto;\r\n }\r\n\r\n .arrow {\r\n position: absolute;\r\n top: -35px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 0;\r\n border-left: 30px solid transparent;\r\n border-right: 30px solid transparent;\r\n border-top: 60px solid #fff;\r\n z-index: 10;\r\n filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));\r\n }\r\n\r\n #wheelCanvas {\r\n border-radius: 50%;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n background: #1a1a1a;\r\n }\r\n\r\n .center-circle {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 100px;\r\n height: 100px;\r\n background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);\r\n border-radius: 50%;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n z-index: 5;\r\n border: 4px solid #fff;\r\n }\r\n\r\n .spin-button {\r\n padding: 25px 60px;\r\n font-size: 28px;\r\n font-weight: bold;\r\n background: linear-gradient(135deg, #D4AF37 0%, #C9A961 100%);\r\n color: #000;\r\n border: none;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 5px 20px rgba(212, 175, 55, 0.4);\r\n margin-top: 30px;\r\n }\r\n\r\n .spin-button:hover:not(:disabled) {\r\n transform: scale(1.05);\r\n box-shadow: 0 8px 30px rgba(212, 175, 55, 0.6);\r\n }\r\n\r\n .spin-button:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n }\r\n\r\n .winner-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.9);\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1001;\r\n }\r\n\r\n .winner-modal.show {\r\n display: flex;\r\n }\r\n\r\n .winner-content {\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n padding: 50px;\r\n border-radius: 20px;\r\n text-align: center;\r\n border: 3px solid #D4AF37;\r\n box-shadow: 0 10px 50px rgba(212, 175, 55, 0.5);\r\n animation: modalPop 0.5s ease;\r\n }\r\n\r\n @keyframes modalPop {\r\n 0% {\r\n transform: scale(0.5);\r\n opacity: 0;\r\n }\r\n 100% {\r\n transform: scale(1);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .winner-content h2 {\r\n color: #D4AF37;\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .winner-content .winner-code {\r\n font-size: 3rem;\r\n font-weight: bold;\r\n color: #fff;\r\n margin: 20px 0;\r\n text-shadow: 0 0 20px rgba(212, 175, 55, 0.8);\r\n }\r\n\r\n .winner-content button {\r\n margin-top: 30px;\r\n padding: 15px 40px;\r\n font-size: 18px;\r\n }\r\n\r\n @media (max-width: 1200px) {\r\n .container {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .wheel-wrapper {\r\n width: 500px;\r\n height: 500px;\r\n }\r\n \r\n #wheelCanvas {\r\n width: 500px;\r\n height: 500px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n body {\r\n padding: 10px;\r\n }\r\n \r\n .sidebar {\r\n padding: 15px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .sidebar h2 {\r\n font-size: 1.1rem;\r\n }\r\n \r\n textarea {\r\n min-height: 150px;\r\n font-size: 12px;\r\n }\r\n \r\n .btn {\r\n font-size: 14px;\r\n padding: 10px;\r\n }\r\n \r\n .history-section {\r\n max-height: 200px;\r\n }\r\n\r\n .wheel-wrapper {\r\n width: 90vw;\r\n height: 90vw;\r\n max-width: 400px;\r\n max-height: 400px;\r\n }\r\n \r\n #wheelCanvas {\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n \r\n .arrow {\r\n top: -20px;\r\n border-left: 15px solid transparent;\r\n border-right: 15px solid transparent;\r\n border-top: 30px solid #fff;\r\n }\r\n \r\n .center-circle {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n\r\n .spin-button {\r\n padding: 15px 30px;\r\n font-size: 18px;\r\n margin-top: 20px;\r\n }\r\n \r\n .winner-content {\r\n padding: 30px 20px;\r\n margin: 20px;\r\n }\r\n \r\n .winner-content h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .winner-content .winner-code {\r\n font-size: 2rem;\r\n }\r\n \r\n .winner-content button {\r\n padding: 12px 30px;\r\n font-size: 16px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .sidebar h2 {\r\n font-size: 1rem;\r\n }\r\n \r\n .wheel-wrapper {\r\n width: 85vw;\r\n height: 85vw;\r\n max-width: 320px;\r\n max-height: 320px;\r\n }\r\n \r\n .spin-button {\r\n padding: 12px 25px;\r\n font-size: 16px;\r\n }\r\n \r\n .winner-content h2 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n .winner-content .winner-code {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.05);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background: rgba(212, 175, 55, 0.5);\r\n border-radius: 10px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: rgba(212, 175, 55, 0.7);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"sidebar\">\r\n <h2>Daftar Peserta<\/h2>\r\n \r\n <div class=\"input-section\">\r\n <textarea \r\n id=\"entriesInput\"\r\n ><\/textarea>\r\n <button class=\"btn btn-primary\" onclick=\"loadEntries()\">Load Peserta<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"shuffleEntries()\">Shuffle<\/button>\r\n <div class=\"entries-count\" id=\"entriesCount\">0 peserta<\/div>\r\n <\/div>\r\n\r\n <div class=\"history-section\">\r\n <h3>Pemenang<\/h3>\r\n <div id=\"historyList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wheel-container\">\r\n <div class=\"wheel-wrapper\">\r\n <div class=\"arrow\"><\/div>\r\n <canvas id=\"wheelCanvas\" width=\"700\" height=\"700\"><\/canvas>\r\n <div class=\"center-circle\"><\/div>\r\n <\/div>\r\n <button class=\"spin-button\" id=\"spinButton\" onclick=\"spin()\" disabled>\r\n SPIN THE WHEEL!\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"winner-modal\" id=\"winnerModal\">\r\n <div class=\"winner-content\">\r\n <h2>SELAMAT!<\/h2>\r\n <div class=\"winner-code\" id=\"winnerCode\"><\/div>\r\n <button class=\"btn btn-primary\" onclick=\"closeWinnerModal()\">Tutup<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let entries = [];\r\n let currentRotation = 0;\r\n let isSpinning = false;\r\n let winners = [];\r\n\r\n const canvas = document.getElementById('wheelCanvas');\r\n const ctx = canvas.getContext('2d'); \r\n const colors = ['#D4AF37', '#000000'];\r\n\r\n function loadEntries() {\r\n const input = document.getElementById('entriesInput').value;\r\n const lines = input.split('\\n').filter(line => line.trim() !== '');\r\n \r\n if (lines.length === 0) {\r\n alert('Masukkan minimal 1 kode peserta!');\r\n return;\r\n }\r\n\r\n entries = lines.map(line => line.trim());\r\n updateEntriesCount();\r\n drawWheel();\r\n document.getElementById('spinButton').disabled = false;\r\n }\r\n\r\n function shuffleEntries() {\r\n if (entries.length === 0) return;\r\n for (let i = entries.length - 1; i > 0; i--) {\r\n const j = Math.floor(Math.random() * (i + 1));\r\n [entries[i], entries[j]] = [entries[j], entries[i]];\r\n }\r\n drawWheel();\r\n }\r\n\r\n function updateEntriesCount() {\r\n document.getElementById('entriesCount').textContent = `${entries.length} peserta`;\r\n }\r\n\r\n function drawWheel() {\r\n if (entries.length === 0) return;\r\n\r\n const centerX = canvas.width \/ 2;\r\n const centerY = canvas.height \/ 2;\r\n const radius = canvas.width \/ 2 - 10;\r\n const arc = (2 * Math.PI) \/ entries.length;\r\n\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\r\n entries.forEach((entry, i) => {\r\n const startAngle = i * arc;\r\n const endAngle = (i + 1) * arc;\r\n \r\n ctx.beginPath();\r\n ctx.fillStyle = colors[i % 2];\r\n ctx.moveTo(centerX, centerY);\r\n ctx.arc(centerX, centerY, radius, startAngle, endAngle);\r\n ctx.lineTo(centerX, centerY);\r\n ctx.fill();\r\n\r\n ctx.strokeStyle = 'rgba(255, 255, 255, 0.2)';\r\n ctx.lineWidth = 2;\r\n ctx.stroke();\r\n\r\n ctx.save();\r\n ctx.translate(centerX, centerY);\r\n ctx.rotate(startAngle + arc \/ 2);\r\n ctx.textAlign = 'right';\r\n ctx.fillStyle = colors[i % 2] === '#D4AF37' ? '#000' : '#D4AF37';\r\n \r\n let fontSize;\r\n if (entries.length <= 10) fontSize = 26;\r\n else if (entries.length <= 20) fontSize = 22;\r\n else if (entries.length <= 30) fontSize = 18;\r\n else if (entries.length <= 50) fontSize = 14;\r\n else if (entries.length <= 70) fontSize = 11;\r\n else fontSize = 10;\r\n \r\n ctx.font = `bold ${fontSize}px 'Cinzel', serif`;\r\n ctx.fillText(entry, radius - 25, 6);\r\n ctx.restore();\r\n });\r\n }\r\n\r\n function spin() {\r\n if (isSpinning || entries.length === 0) return;\r\n\r\n isSpinning = true;\r\n document.getElementById('spinButton').disabled = true;\r\n\r\n const targetIndex = Math.floor(Math.random() * entries.length);\r\n const arc = (2 * Math.PI) \/ entries.length;\r\n \r\n const targetSegmentAngle = targetIndex * arc + arc \/ 2;\r\n const arrowAngle = 3 * Math.PI \/ 2;\r\n \r\n let additionalRotation = arrowAngle - targetSegmentAngle - currentRotation;\r\n \r\n while (additionalRotation < 0) {\r\n additionalRotation += 2 * Math.PI;\r\n }\r\n \r\n const minSpins = 5 + Math.floor(Math.random() * 3);\r\n const totalRotation = minSpins * 2 * Math.PI + additionalRotation;\r\n\r\n animateWheel(totalRotation);\r\n }\r\n\r\n function animateWheel(totalRotation) {\r\n const duration = 4000;\r\n const startTime = Date.now();\r\n const startRotation = currentRotation;\r\n\r\n function animate() {\r\n const now = Date.now();\r\n const elapsed = now - startTime;\r\n const progress = Math.min(elapsed \/ duration, 1);\r\n const easeOut = 1 - Math.pow(1 - progress, 3);\r\n \r\n currentRotation = startRotation + (totalRotation * easeOut);\r\n\r\n ctx.save();\r\n ctx.translate(canvas.width \/ 2, canvas.height \/ 2);\r\n ctx.rotate(currentRotation);\r\n ctx.translate(-canvas.width \/ 2, -canvas.height \/ 2);\r\n drawWheel();\r\n ctx.restore();\r\n\r\n if (progress < 1) {\r\n requestAnimationFrame(animate);\r\n } else {\r\n const winnerIndex = calculateWinnerAtArrow();\r\n showWinner(winnerIndex);\r\n }\r\n }\r\n\r\n animate();\r\n }\r\n\r\n function calculateWinnerAtArrow() {\r\n const arc = (2 * Math.PI) \/ entries.length;\r\n const arrowAngle = 3 * Math.PI \/ 2;\r\n \r\n let normalized = currentRotation % (2 * Math.PI);\r\n if (normalized < 0) normalized += 2 * Math.PI;\r\n \r\n let angleAtArrow = arrowAngle - normalized;\r\n while (angleAtArrow < 0) angleAtArrow += 2 * Math.PI;\r\n while (angleAtArrow >= 2 * Math.PI) angleAtArrow -= 2 * Math.PI;\r\n \r\n let winnerIndex = Math.floor(angleAtArrow \/ arc) % entries.length;\r\n return winnerIndex;\r\n }\r\n\r\n function showWinner(winnerIndex) {\r\n const winner = entries[winnerIndex];\r\n \r\n const now = new Date();\r\n const timeString = now.toLocaleTimeString('id-ID');\r\n winners.unshift({ code: winner, time: timeString });\r\n updateHistory();\r\n\r\n document.getElementById('winnerCode').textContent = winner;\r\n document.getElementById('winnerModal').classList.add('show');\r\n\r\n entries.splice(winnerIndex, 1);\r\n updateEntriesCount();\r\n drawWheel();\r\n\r\n isSpinning = false;\r\n \r\n if (entries.length > 0) {\r\n document.getElementById('spinButton').disabled = false;\r\n }\r\n }\r\n\r\n function closeWinnerModal() {\r\n document.getElementById('winnerModal').classList.remove('show');\r\n }\r\n\r\n function updateHistory() {\r\n const historyList = document.getElementById('historyList');\r\n \r\n if (winners.length === 0) {\r\n historyList.innerHTML = '<p style=\"color: rgba(255,255,255,0.4); text-align: center;\">Belum ada pemenang<\/p>';\r\n return;\r\n }\r\n\r\n historyList.innerHTML = winners.map(w => `\r\n <div class=\"history-item\">\r\n <span class=\"winner\">${w.code}<\/span>\r\n <span class=\"time\">${w.time}<\/span>\r\n <\/div>\r\n `).join('');\r\n }\r\n\r\n updateHistory();\r\n drawWheel();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Doorprize Spin Wheel Daftar Peserta Load Peserta Shuffle 0 peserta Pemenang SPIN THE WHEEL! SELAMAT! Tutup<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5834","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Spin Wheel - Bingxue<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Spin Wheel - Bingxue\" \/>\n<meta property=\"og:description\" content=\"Doorprize Spin Wheel Daftar Peserta Load Peserta Shuffle 0 peserta Pemenang SPIN THE WHEEL! SELAMAT! Tutup\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/\" \/>\n<meta property=\"og:site_name\" content=\"Bingxue\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bingxueindonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-29T17:51:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/\",\"url\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/\",\"name\":\"Spin Wheel - Bingxue\",\"isPartOf\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/#website\"},\"datePublished\":\"2026-01-27T07:18:10+00:00\",\"dateModified\":\"2026-01-29T17:51:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bingxueindonesia.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Spin Wheel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/#website\",\"url\":\"https:\/\/bingxueindonesia.co.id\/\",\"name\":\"Bingxue\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bingxueindonesia.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/#organization\",\"name\":\"Bingxue\",\"url\":\"https:\/\/bingxueindonesia.co.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png\",\"contentUrl\":\"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png\",\"width\":211,\"height\":63,\"caption\":\"Bingxue\"},\"image\":{\"@id\":\"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bingxueindonesia\/\",\"https:\/\/www.instagram.com\/bingxue.indonesia\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Spin Wheel - Bingxue","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/","og_locale":"en_US","og_type":"article","og_title":"Spin Wheel - Bingxue","og_description":"Doorprize Spin Wheel Daftar Peserta Load Peserta Shuffle 0 peserta Pemenang SPIN THE WHEEL! SELAMAT! Tutup","og_url":"https:\/\/bingxueindonesia.co.id\/en\/spin-wheel\/","og_site_name":"Bingxue","article_publisher":"https:\/\/www.facebook.com\/bingxueindonesia\/","article_modified_time":"2026-01-29T17:51:36+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/","url":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/","name":"Spin Wheel - Bingxue","isPartOf":{"@id":"https:\/\/bingxueindonesia.co.id\/#website"},"datePublished":"2026-01-27T07:18:10+00:00","dateModified":"2026-01-29T17:51:36+00:00","breadcrumb":{"@id":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bingxueindonesia.co.id\/spin-wheel\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bingxueindonesia.co.id\/spin-wheel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bingxueindonesia.co.id\/"},{"@type":"ListItem","position":2,"name":"Spin Wheel"}]},{"@type":"WebSite","@id":"https:\/\/bingxueindonesia.co.id\/#website","url":"https:\/\/bingxueindonesia.co.id\/","name":"Bingxue","description":"","publisher":{"@id":"https:\/\/bingxueindonesia.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bingxueindonesia.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bingxueindonesia.co.id\/#organization","name":"Bingxue","url":"https:\/\/bingxueindonesia.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png","contentUrl":"https:\/\/bingxueindonesia.co.id\/wp-content\/uploads\/2024\/09\/image-40.png","width":211,"height":63,"caption":"Bingxue"},"image":{"@id":"https:\/\/bingxueindonesia.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bingxueindonesia\/","https:\/\/www.instagram.com\/bingxue.indonesia\/"]}]}},"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages\/5834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/comments?post=5834"}],"version-history":[{"count":32,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages\/5834\/revisions"}],"predecessor-version":[{"id":5880,"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/pages\/5834\/revisions\/5880"}],"wp:attachment":[{"href":"https:\/\/bingxueindonesia.co.id\/en\/wp-json\/wp\/v2\/media?parent=5834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}