🎲 Dice Roller

\n \n {rolling ? \"Rolling...\" : \"Roll the Dice\"}\n \n

\n {result !== null ? {diceEmoji[result - 1]} : ?}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server() {\n return new Response(\n `\n \n \n \n \n Dice Roller\n \n \n \n \n \n

\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n\nexport { client };","deleted","label","children",[],[99],{"_103":172,"_95":173,"_154":174,"_155":-5,"_156":140,"_157":139,"_159":118,"_105":175,"_100":176,"_162":177,"_164":178,"_166":22,"_167":-5,"_168":179,"_98":180},"7ae3113e-31c0-11f0-8590-569c3dd06744","moi.md","7171a52a-31c0-11f0-ad5d-569c3dd06744",["D",1747336321350],1,"file","---\ntitle: \"diceRollerUI\"\ndescription: \"A web-based dice roller using React on Val Town\"\nauthor: \"dcm31\"\ntags: [\"val-town\"]\nexcludeFromPosts: true\n---\n\n# diceRollerUI\n\nA web-based dice roller using React on Val Town",[],[173],"files",[152,171],"counts",{"_185":32,"_186":176,"_187":32,"_188":32},"pulls","branches","forks","envVars","contents",[],{"_103":153,"_95":99,"_154":116,"_155":-5,"_156":140,"_157":158,"_159":118,"_105":192,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":193},["D",1746140207049],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":43,"_98":99,"_101":202,"_177":207,"_210":211,"_247":248,"_257":-7,"_258":32,"_259":22},{"_103":104,"_95":96,"_105":203,"_107":-5,"_108":22,"_109":110,"_111":112,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":32,"_16":121,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":204,"_134":205,"_137":206,"_149":22},["D",1746139372831],{"_93":94,"_132":133},{"_93":94,"_136":133},{"_100":139,"_95":43,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},{"_103":153,"_95":99,"_154":116,"_155":-5,"_156":140,"_157":158,"_159":118,"_105":208,"_100":161,"_162":163,"_164":165,"_166":22,"_167":-5,"_98":209},["D",1746140207049],[99],"history",[212,214,220,226,232,238,243],{"_103":153,"_156":140,"_154":116,"_95":99,"_164":165,"_162":163,"_100":161,"_155":-5,"_105":213,"_157":158,"_167":-5},["D",1746140207049],{"_103":215,"_156":140,"_154":116,"_95":99,"_164":216,"_162":163,"_100":217,"_155":-5,"_105":218,"_157":219,"_167":-5},"67d682c4-26df-11f0-855c-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [result, setResult] = useState(null);\n const [rolling, setRolling] = useState(false);\n\n const rollDice = async () => {\n if (rolling) return;\n setRolling(true);\n setResult(null);\n await new Promise((r) => setTimeout(r, 300));\n const value = Math.floor(Math.random() * 6) + 1;\n setResult(value);\n setRolling(false);\n };\n\n const diceEmoji = ['⚀','⚁','⚂','⚃','⚄','⚅'];\n\n return (\n

🎲 Dice Roller

\n \n {rolling ? \"Rolling...\" : \"Roll the Dice\"}\n \n

\n {result !== null ? {diceEmoji[result - 1]} : ?}\n

\n \n View Source\n \n

\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n\nexport { client };",5,["D",1746140141006],14,{"_103":221,"_156":140,"_154":116,"_95":99,"_164":222,"_162":163,"_100":223,"_155":-5,"_105":224,"_157":225,"_167":-5},"49c23ed6-26df-11f0-add8-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [result, setResult] = useState(null);\n const [rolling, setRolling] = useState(false);\n\n const rollDice = async () => {\n if (rolling) return;\n setRolling(true);\n setResult(null);\n await new Promise((r) => setTimeout(r, 300));\n const value = Math.floor(Math.random() * 6) + 1;\n setResult(value);\n setRolling(false);\n };\n\n const diceEmoji = ['⚀','⚁','⚂','⚃','⚄','⚅'];\n\n return (\n

🎲 Dice Roller

\n \n {rolling ? \"Rolling...\" : \"Roll the Dice\"}\n \n

\n {result !== null ?

{diceEmoji[result - 1]}

—

}\n

\n \n View Source\n \n

\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n\nexport { client };",4,["D",1746140090536],13,{"_103":227,"_156":140,"_154":116,"_95":99,"_164":228,"_162":163,"_100":229,"_155":-5,"_105":230,"_157":231,"_167":-5},"229db8e4-26df-11f0-b6af-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [result, setResult] = useState(null);\n const [rolling, setRolling] = useState(false);\n\n const rollDice = async () => {\n if (rolling) return;\n setRolling(true);\n setResult(null);\n await new Promise((r) => setTimeout(r, 300));\n const value = Math.floor(Math.random() * 6) + 1;\n setResult(value);\n setRolling(false);\n };\n\n const diceEmoji = ['⚀','⚁','⚂','⚃','⚄','⚅'];\n\n return (\n

🎲 Dice Roller

\n \n {rolling ? \"Rolling...\" : \"Roll the Dice\"}\n \n

\n {result !== null ?

{diceEmoji[result - 1]}

: null}\n

\n \n View Source\n \n

\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n\nexport { client };",3,["D",1746140024869],12,{"_103":233,"_156":140,"_154":116,"_95":99,"_164":234,"_162":163,"_100":235,"_155":-5,"_105":236,"_157":237,"_167":-5},"015b30d0-26df-11f0-8c73-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [result, setResult] = useState(null);\n const [rolling, setRolling] = useState(false);\n\n const rollDice = async () => {\n if (rolling) return;\n setRolling(true);\n setResult(null);\n await new Promise((r) => setTimeout(r, 300));\n const value = Math.floor(Math.random() * 6) + 1;\n setResult(value);\n setRolling(false);\n };\n\n const diceEmoji = ['⚀','⚁','⚂','⚃','⚄','⚅'];\n\n return (\n

🎲 Dice Roller

\n \n {rolling ? \"Rolling...\" : \"Roll the Dice\"}\n \n

\n {result !== null &&

{diceEmoji[result - 1]}

}\n

\n View Source\n

\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n\nexport { client };",2,["D",1746139969069],11,{"_103":239,"_156":140,"_154":116,"_95":99,"_164":240,"_162":163,"_100":176,"_155":-5,"_105":241,"_157":242,"_167":-5},"0384ea8c-26de-11f0-84e6-569c3dd06744","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [result, setResult] = useState(null);\n const rollDice = () => setResult(Math.floor(Math.random() * 6) + 1);\n\n return (\n

🎲 Dice Roller

\n \n Roll Dice\n \n {result !== null && (\n

You rolled a {result}!

\n )}\n

\n \n `,\n { headers: { \"content-type\": \"text/html; charset=utf-8\" } }\n );\n}\n\nexport { client };",["D",1746139543202],7,{"_103":244,"_156":140,"_154":116,"_95":99,"_164":245,"_162":163,"_100":32,"_155":-5,"_105":246,"_157":161,"_167":-5},"dc4ea372-26dd-11f0-acd6-569c3dd06744","import { ReactElement, useState } from \"react\";\n\nexport default function DiceRoller(): ReactElement {\n const [result, setResult] = useState(null);\n const rollDice = () => setResult(Math.floor(Math.random() * 6) + 1);\n\n return (\n

🎲 Dice Roller

\n \n Roll Dice\n \n {result !== null && (\n

You rolled a {result}!

\n )}\n

\n );\n}",["D",1746139477419],"versions",[249,251,252,253,254,255,256],{"_177":212,"_250":214},"previous",{"_177":214,"_250":220},{"_177":220,"_250":226},{"_177":226,"_250":232},{"_177":232,"_250":238},{"_177":238,"_250":243},{"_177":243,"_250":-5},"versionNumber","page","hasNext","actionData","errors"]

History for main.tsx