Multiplication Sprint

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_188":189,"_190":191},"routes/_app.x.$handle.$name",{"_92":91,"_31":43,"_101":82,"_26":102,"_13":14,"_103":-5,"_11":104,"_105":106,"_107":108,"_109":110,"_111":112,"_20":-5,"_113":-5,"_114":-5,"_115":24,"_116":117,"_118":119,"_120":-5,"_121":-5,"_122":123},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","game.js","latestPath","fileId","1e4b6986-650d-11f1-946b-1607ee4eb77e","name","fileType","script","content","(function () {\n \"use strict\";\n\n const ROUND_SECONDS = 60;\n const BEST_KEY = \"multiplication-sprint-best\";\n\n // Elements\n const el = (id) => document.getElementById(id);\n const startScreen = el(\"startScreen\");\n const playScreen = el(\"playScreen\");\n const overScreen = el(\"overScreen\");\n const scoreEl = el(\"score\");\n const bestEl = el(\"best\");\n const timeEl = el(\"time\");\n const timerFill = el(\"timerFill\");\n const questionEl = el(\"question\");\n const form = el(\"answerForm\");\n const input = el(\"answerInput\");\n const startBtn = el(\"startBtn\");\n const againBtn = el(\"againBtn\");\n const finalScore = el(\"finalScore\");\n const newBest = el(\"newBest\");\n const sourceLink = el(\"sourceLink\");\n\n // State\n let score = 0;\n let answer = 0;\n let timeLeft = ROUND_SECONDS;\n let tickId = null;\n let playing = false;\n\n // High score (persists for the session + across reloads via localStorage)\n let best = 0;\n try {\n best = parseInt(localStorage.getItem(BEST_KEY) || \"0\", 10) || 0;\n } catch (_) {}\n bestEl.textContent = best;\n\n // \"View source\" link -> Val Town source page for this val\n sourceLink.href = \"https://www.val.town/x/potluck/multiplication-sprint\";\n\n function randInt(min, max) {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n }\n\n function nextQuestion() {\n const a = randInt(2, 12); // 2–12 inclusive\n const b = randInt(6, 100); // 6–100 inclusive\n answer = a * b;\n questionEl.textContent = a + \" × \" + b;\n input.value = \"\";\n input.focus();\n }\n\n function updateTimer() {\n timeEl.textContent = timeLeft;\n const pct = Math.max(0, (timeLeft / ROUND_SECONDS) * 100);\n timerFill.style.width = pct + \"%\";\n timerFill.classList.toggle(\"warn\", timeLeft <= 10);\n }\n\n function showScreen(name) {\n startScreen.classList.toggle(\"hidden\", name !== \"start\");\n playScreen.classList.toggle(\"hidden\", name !== \"play\");\n overScreen.classList.toggle(\"hidden\", name !== \"over\");\n }\n\n function startGame() {\n score = 0;\n timeLeft = ROUND_SECONDS;\n playing = true;\n scoreEl.textContent = \"0\";\n newBest.classList.add(\"hidden\");\n updateTimer();\n showScreen(\"play\");\n nextQuestion();\n\n clearInterval(tickId);\n tickId = setInterval(function () {\n timeLeft -= 1;\n updateTimer();\n if (timeLeft <= 0) {\n endGame();\n }\n }, 1000);\n }\n\n function endGame() {\n playing = false;\n clearInterval(tickId);\n tickId = null;\n input.blur();\n\n finalScore.textContent = score;\n\n if (score > best) {\n best = score;\n bestEl.textContent = best;\n newBest.classList.remove(\"hidden\");\n try {\n localStorage.setItem(BEST_KEY, String(best));\n } catch (_) {}\n }\n\n showScreen(\"over\");\n }\n\n function flashWrong() {\n input.classList.remove(\"shake\");\n // reflow to restart the animation\n void input.offsetWidth;\n input.classList.add(\"shake\");\n input.select();\n }\n\n form.addEventListener(\"submit\", function (e) {\n e.preventDefault();\n if (!playing) return;\n\n const raw = input.value.trim();\n if (raw === \"\") {\n flashWrong();\n return;\n }\n\n if (Number(raw) === answer) {\n score += 1;\n scoreEl.textContent = score;\n nextQuestion();\n } else {\n // Wrong: no penalty, no advance — let them retry.\n flashWrong();\n }\n });\n\n startBtn.addEventListener(\"click\", startGame);\n againBtn.addEventListener(\"click\", startGame);\n\n showScreen(\"start\");\n})();\n","createdAt",["D",1781124244223],"branchVersion","branchId","8993485e-cf47-4f48-9350-1391b4ecf7bc","id","fa44c7af-24b5-461f-a953-2416d4488661","multiplication-sprint",["D",1781124186255],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","60-second multiplication speed game","imageUrl","4672fa32-1c6f-4907-899e-57b7e45b1dcb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e83d1-d41f-725b-9693-b632d430a029","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_100":96},"org",{"_92":91,"_93":94,"_95":96,"_18":53,"_97":98,"_99":24},"branch",{"_13":14,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","potluck","handle","displayName","Potluck Mittal","avatar","https://lh3.googleusercontent.com/a/ACg8ocJYeiSQ8_eyVYtUAg9f5qRwEXzS1AreFm572a1csvZx7c6b_S8=s96-c","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":184,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":185,"_77":186,"_79":187,"_81":24},"tree",[167,168,169,170],"files",[167,168,169,170],"counts",{"_157":59,"_158":150,"_159":59,"_160":161,"_162":163},"contents",[124,125,126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":154,"_31":27,"_29":30,"_131":-5,"_39":40,"_38":14,"_133":119,"_36":155,"_13":59,"_32":33,"_34":35,"_23":24,"_136":-5,"_26":156},{"_41":145,"_31":146,"_29":147,"_131":-5,"_39":40,"_38":148,"_133":119,"_36":149,"_13":150,"_32":151,"_34":152,"_23":24,"_136":-5,"_26":153},{"_41":138,"_31":139,"_29":140,"_131":-5,"_39":40,"_38":141,"_133":119,"_36":142,"_13":59,"_32":20,"_34":143,"_23":24,"_136":-5,"_26":144},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":119,"_36":134,"_13":59,"_32":20,"_34":135,"_23":24,"_136":-5,"_26":137},"325bb93f-8364-4236-a080-9e25118a5604","style.css","14941032-650d-11f1-8a04-1607ee4eb77e","parentId",4,"latest",["D",1781124227922],":root {\n --bg1: #4f46e5;\n --bg2: #7c3aed;\n --card: #ffffff;\n --ink: #1e1b4b;\n --muted: #6b7280;\n --accent: #4f46e5;\n --ok: #16a34a;\n --bad: #dc2626;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml, body {\n height: 100%;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background: linear-gradient(135deg, var(--bg1), var(--bg2));\n color: var(--ink);\n min-height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 16px;\n -webkit-tap-highlight-color: transparent;\n}\n\n.card {\n width: 100%;\n max-width: 440px;\n background: var(--card);\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);\n}\n\n.topbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n margin-bottom: 18px;\n}\n\n.title {\n font-size: 1rem;\n font-weight: 800;\n letter-spacing: 0.3px;\n text-align: center;\n color: var(--accent);\n text-transform: uppercase;\n}\n\n.stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 56px;\n}\n\n.stat-label {\n font-size: 0.65rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n color: var(--muted);\n}\n\n.stat-value {\n font-size: 1.6rem;\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n}\n\n.timer-row {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 28px;\n}\n\n.timer-text {\n font-size: 1rem;\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n min-width: 44px;\n color: var(--muted);\n}\n\n.timer-track {\n flex: 1;\n height: 12px;\n background: #eef2ff;\n border-radius: 999px;\n overflow: hidden;\n}\n\n.timer-fill {\n height: 100%;\n width: 100%;\n background: linear-gradient(90deg, var(--bg1), var(--bg2));\n border-radius: 999px;\n transition: width 0.25s linear, background 0.3s ease;\n}\n\n.timer-fill.warn { background: linear-gradient(90deg, #f59e0b, #ef4444); }\n\n.screen {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n text-align: center;\n min-height: 220px;\n justify-content: center;\n}\n\n.hidden { display: none !important; }\n\n.lead {\n font-size: 1.1rem;\n color: var(--muted);\n line-height: 1.5;\n}\n\n.question {\n font-size: clamp(2.8rem, 14vw, 4rem);\n font-weight: 800;\n font-variant-numeric: tabular-nums;\n letter-spacing: 1px;\n}\n\n.answer {\n width: 100%;\n max-width: 260px;\n font-size: 2.4rem;\n font-weight: 800;\n text-align: center;\n padding: 14px 16px;\n border: 3px solid #e5e7eb;\n border-radius: 16px;\n outline: none;\n color: var(--ink);\n transition: border-color 0.15s ease, transform 0.1s ease;\n -moz-appearance: textfield;\n}\n\n.answer::-webkit-outer-spin-button,\n.answer::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.answer:focus { border-color: var(--accent); }\n\n.answer.shake {\n border-color: var(--bad);\n animation: shake 0.35s ease;\n}\n\n@keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 20% { transform: translateX(-8px); }\n 40% { transform: translateX(8px); }\n 60% { transform: translateX(-6px); }\n 80% { transform: translateX(6px); }\n}\n\n.btn {\n font-size: 1.15rem;\n font-weight: 800;\n padding: 14px 36px;\n border: none;\n border-radius: 14px;\n cursor: pointer;\n transition: transform 0.1s ease, box-shadow 0.15s ease, opacity 0.15s ease;\n}\n\n.btn:active { transform: scale(0.96); }\n\n.btn.primary {\n background: linear-gradient(135deg, var(--bg1), var(--bg2));\n color: #fff;\n box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4);\n}\n\n.over-label {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.final-score {\n font-size: 5rem;\n font-weight: 800;\n line-height: 1;\n color: var(--accent);\n font-variant-numeric: tabular-nums;\n}\n\n.final-sub {\n font-size: 1rem;\n color: var(--muted);\n margin-top: -10px;\n}\n\n.new-best {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--ok);\n}\n\n.foot {\n margin-top: 16px;\n text-align: center;\n}\n\n.foot a {\n color: rgba(255, 255, 255, 0.85);\n font-size: 0.85rem;\n text-decoration: none;\n}\n\n.foot a:hover { text-decoration: underline; }\n","label",[129],"7c85a467-b118-47f3-b412-dc75a4188cab","index.html","074c0682-650d-11f1-b5df-1607ee4eb77e",3,["D",1781124205644],"\n\n\n \n \n \n Multiplication Sprint\n \n ✖️\" />\n\n\n

\n \n\n

\n 60s\n

\n\n \n

Answer as many problems as you can in 60 seconds.

\n \n

\n\n \n

— × —

\n\n \n

Time's up!

correct answers

🎉 New best score!

\n \n

\n\n \n\n \n\n\n",[139],"4fd36cf1-2f7c-4680-aab9-b87abb174ad9","http.ts","fbe66800-650c-11f1-921d-1607ee4eb77e",2,["D",1781124192421],1,"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst ROUTES: Record = {\n \"/\": \"./index.html\",\n \"/index.html\": \"./index.html\",\n \"/style.css\": \"./style.css\",\n \"/game.js\": \"./game.js\",\n};\n\nexport default async function (req: Request): Promise {\n const { pathname } = new URL(req.url);\n const file = ROUTES[pathname];\n if (!file) {\n return new Response(\"Not found\", { status: 404 });\n }\n return serveFile(file, import.meta.url);\n}\n",[146],"37e0d478-a4a2-4e8d-9e8b-c87beb1a62aa",["D",1781124244223],[27],"pulls","branches","forks","envVars",{"_164":59,"_166":59},"connections",{"_164":59,"_165":59},"count","unfilledCount","emptyCount",{"_41":154,"_31":27,"_29":30,"_131":-5,"_39":40,"_38":14,"_133":119,"_36":181,"_13":59,"_32":33,"_34":35,"_23":24,"_136":-5,"_172":182,"_26":183},{"_41":145,"_31":146,"_29":147,"_131":-5,"_39":40,"_38":148,"_133":119,"_36":178,"_13":150,"_32":151,"_34":152,"_23":24,"_136":-5,"_172":179,"_26":180},{"_41":138,"_31":139,"_29":140,"_131":-5,"_39":40,"_38":141,"_133":119,"_36":175,"_13":59,"_32":20,"_34":143,"_23":24,"_136":-5,"_172":176,"_26":177},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":119,"_36":171,"_13":59,"_32":20,"_34":135,"_23":24,"_136":-5,"_172":173,"_26":174},["D",1781124227922],"children",[],[129],["D",1781124205644],[],[139],["D",1781124192421],[],[146],["D",1781124244223],[],[27],["D",1781124186255],{"_92":91,"_100":96},{"_92":91,"_93":94,"_95":96,"_18":53,"_97":98,"_99":24},{"_13":14,"_31":82,"_41":40,"_83":42,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":43,"_90":91},"ctx",{"_75":-5,"_121":221,"_222":223,"_224":225,"_226":24,"_227":24,"_228":24,"_229":119,"_230":-5,"_231":-7,"_232":-7,"_233":59,"_234":24,"_235":24,"_236":-5,"_237":24,"_238":24,"_239":24,"_240":-5},"ENV",{"_192":193,"_194":195,"_196":82,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v5