Multiplication Sprint

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_190":191,"_192":193},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_144":-5,"_20":145,"_22":146,"_147":148,"_149":150,"_26":151,"_24":152,"_153":-5,"_154":-5,"_155":51,"_156":157,"_158":43,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","potluck","name","multiplication-sprint","branchName","main","version","path","index.html","project",{"_33":89,"_13":14,"_44":90,"_91":-5,"_92":51,"_93":94,"_95":94,"_96":97,"_98":-5,"_99":100,"_101":-5,"_102":51,"_103":-5,"_104":-5,"_105":46,"_106":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":122,"_123":124,"_125":126,"_127":51},"tree",[54,55,56,57],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","7c85a467-b118-47f3-b412-dc75a4188cab","fileId","074c0682-650d-11f1-b5df-1607ee4eb77e","parentId","branchId","8993485e-cf47-4f48-9350-1391b4ecf7bc","branchVersion",3,"latest",true,"createdAt",["D",1781124205644],0,"fileType","content","\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","deleted",false,"label",[19],{"_33":80,"_13":81,"_35":82,"_37":-5,"_38":39,"_40":83,"_42":43,"_44":84,"_17":46,"_47":85,"_48":86,"_50":51,"_52":-5,"_64":87,"_18":88},{"_33":70,"_13":71,"_35":72,"_37":-5,"_38":39,"_40":73,"_42":43,"_44":74,"_17":75,"_47":76,"_48":77,"_50":51,"_52":-5,"_64":78,"_18":79},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":67,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_64":68,"_18":69},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":46,"_47":24,"_48":63,"_50":51,"_52":-5,"_64":65,"_18":66},"325bb93f-8364-4236-a080-9e25118a5604","style.css","14941032-650d-11f1-8a04-1607ee4eb77e",4,["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","children",[],[59],["D",1781124205644],[],[19],"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",[],[71],"37e0d478-a4a2-4e8d-9e8b-c87beb1a62aa","game.js","1e4b6986-650d-11f1-946b-1607ee4eb77e",5,["D",1781124244223],"script","(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",[],[81],"fa44c7af-24b5-461f-a953-2416d4488661",["D",1781124186255],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","60-second multiplication speed game","imageUrl","userId","4672fa32-1c6f-4907-899e-57b7e45b1dcb","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e83d1-d41f-725b-9693-b632d430a029","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_143":139},"org",{"_11":12,"_136":137,"_138":139,"_99":100,"_140":141,"_142":51},"branch",{"_17":83,"_13":16,"_33":39,"_128":89,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Potluck Mittal","avatar","https://lh3.googleusercontent.com/a/ACg8ocJYeiSQ8_eyVYtUAg9f5qRwEXzS1AreFm572a1csvZx7c6b_S8=s96-c","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":89,"_13":14,"_44":186,"_91":-5,"_92":51,"_93":94,"_95":94,"_96":97,"_98":-5,"_99":100,"_101":-5,"_102":51,"_103":-5,"_104":-5,"_105":46,"_106":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":187,"_123":188,"_125":189,"_127":51},[174,175,176,177],"files",[174,175,176,177],"counts",{"_165":46,"_166":75,"_167":46,"_32":168,"_169":170},[],{"_33":34,"_38":39,"_35":36,"_13":19,"_48":49,"_47":24,"_17":46,"_37":-5,"_44":163,"_40":41,"_52":-5,"_18":164},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1781124205644],[19],"pulls","branches","forks",{"_171":46,"_173":46},"connections",{"_171":46,"_172":46},"count","unfilledCount","emptyCount",{"_33":80,"_13":81,"_35":82,"_37":-5,"_38":39,"_40":83,"_42":43,"_44":84,"_17":46,"_47":85,"_48":86,"_50":51,"_52":-5,"_64":184,"_18":185},{"_33":70,"_13":71,"_35":72,"_37":-5,"_38":39,"_40":73,"_42":43,"_44":74,"_17":75,"_47":76,"_48":77,"_50":51,"_52":-5,"_64":182,"_18":183},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":67,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_64":180,"_18":181},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":46,"_47":24,"_48":63,"_50":51,"_52":-5,"_64":178,"_18":179},[],[59],[],[19],[],[71],[],[81],["D",1781124186255],{"_11":12,"_143":139},{"_11":12,"_136":137,"_138":139,"_99":100,"_140":141,"_142":51},{"_17":83,"_13":16,"_33":39,"_128":89,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":14,"_135":12},"ctx",{"_121":-5,"_160":223,"_224":225,"_226":227,"_228":51,"_229":51,"_230":51,"_231":43,"_232":-5,"_233":-7,"_234":-7,"_235":46,"_236":51,"_237":51,"_238":-5,"_239":51,"_240":51,"_241":51,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":16,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"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"]