import React, { useState, useCallback } from "react"; import { RotateCcw } from "lucide-react"; var LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); var T = { ko: { title: "코인 플립", flip: "던지기!", heads: "앞면", tails: "뒷면", flipping: "던지는 중...", history: "기록", total: "총", ratio: "비율", reset: "초기화" }, en: { title: "Coin Flip", flip: "Flip!", heads: "Heads", tails: "Tails", flipping: "Flipping...", history: "History", total: "Total", ratio: "Ratio", reset: "Reset" }, ja: { title: "コイントス", flip: "投げる!", heads: "表", tails: "裏", flipping: "投げ中...", history: "履歴", total: "合計", ratio: "割合", reset: "リセット" }, zh: { title: "掷硬币", flip: "掷!", heads: "正面", tails: "反面", flipping: "掷中...", history: "记录", total: "总计", ratio: "比例", reset: "重置" }, }; var t = T[LANG] || T.en; export default function App() { var [result, setResult] = useState(null); var [flipping, setFlipping] = useState(false); var [stats, setStats] = useSharedStorage("coin_stats", { h: 0, t: 0 }); var [history, setHistory] = useState([]); var [rotation, setRotation] = useState(0); var handleFlip = useCallback(function() { if (flipping) return; setFlipping(true); setResult(null); var spins = 0; var iv = setInterval(function() { setRotation(function(r) { return r + 180; }); spins++; if (spins > 8 + Math.floor(Math.random() * 4)) { clearInterval(iv); var isHeads = Math.random() > 0.5; setResult(isHeads ? "heads" : "tails"); setStats(function(prev) { return isHeads ? { h: (prev.h || 0) + 1, t: prev.t || 0 } : { h: prev.h || 0, t: (prev.t || 0) + 1 }; }); setHistory(function(prev) { return [isHeads ? "H" : "T"].concat(prev.slice(0, 19)); }); setFlipping(false); } }, 100); }, [flipping, setStats]); var total = (stats.h || 0) + (stats.t || 0); var hPct = total > 0 ? Math.round(((stats.h || 0) / total) * 100) : 50; return (

🪙 {t.title}

{result === "heads" ? "👑" : result === "tails" ? "🌙" : "🪙"}

{result && !flipping && (

{result === "heads" ? t.heads : t.tails}

)} {total > 0 && (

{t.heads} {stats.h || 0} ({hPct}%) {t.tails} {stats.t || 0} ({100 - hPct}%)

{total} {t.total}

{history.length > 0 && (

{history.map(function(h, i) { return {h}; })}

)}

); }

Coin Flip

Coin Flip

reviews