Division Sprint
60 seconds. Division facts, sneaky remainders, and story twists — how long can you keep the streak?
How to play
Answer division questions against the clock. Give remainders as, for example, 5 R 4.
- 1A correct answer scores +10 points. Streaks of 4 or more earn a bonus of +2 per streak level beyond 3 — keep the streak alive.
- 2A wrong answer costs 1 life, resets your streak, and shows a short explanation of why the correct answer is right.
- 3The game ends when the timer hits 0 or you lose all 3 lives. Questions start easy and ramp up.
Best streak 0
/* ===== Fibo elementary core — skill: division — pure, node-testable ===== */ (function (root, factory) { 'use strict'; var api = factory(); if (typeof module === 'undefined') { root.FiboCore_division = api; } else { module.exports = api; } })(typeof self !== 'undefined' ? self : this, function () { 'use strict'; /* ---------------- seeded PRNG ---------------- */ function mulberry32(a){ return function(){ a |= 0; a = (a + 0x6D2B79F5) | 0; var t = Math.imul(a ^ (a >>> 15), 1 | a); t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t; return ((t ^ (t >>> 14)) >>> 0) / 4294967296; }; } function shuffle(arr, rand){ for (var i = arr.length - 1; i > 0; i--){ var j = Math.floor(rand() * (i + 1)); var t = arr[i]; arr[i] = arr[j]; arr[j] = t; } return arr; } var _rand = Math.random; function setSeed(s){ _rand = mulberry32(s >>> 0); } function ri(lo, hi){ return lo + Math.floor(_rand() * (hi - lo + 1)); } function rpick(arr){ return arr[Math.floor(_rand() * arr.length)]; } function rchance(p){ return _rand() < p; } function rshuffle(a){ for (var i = a.length - 1; i > 0; i--){ var j = Math.floor(_rand() * (i + 1)); var t = a[i]; a[i] = a[j]; a[j] = t; } return a; } /* ---------------- exact integer / rational math ---------------- */ function ggcd(a, b){ a = Math.abs(a); b = Math.abs(b); while (b){ var t = a % b; a = b; b = t; } return a || 1; } function gred(n, d){ if (d === 0) throw new Error('gred: zero denominator'); if (d < 0){ n = -n; d = -d; } if (n === 0) return { n: 0, d: 1 }; var g = ggcd(n, d); return { n: n / g, d: d / g }; } function sameFrac(a, b){ return a.n * b.d === b.n * a.d; } /* exact decimal as {v: integer digits, p: places} */ function decVal(d){ return d.v / Math.pow(10, d.p); } function decNorm(d){ var v = d.v, p = d.p; while (p > 0){ if (v % 10 !== 0) break; v = v / 10; p = p - 1; } return { v: v, p: p }; } function decAdd(a, b){ var p = Math.max(a.p, b.p); var va = a.v * Math.pow(10, p - a.p); var vb = b.v * Math.pow(10, p - b.p); return decNorm({ v: va + vb, p: p }); } function decSub(a, b){ var p = Math.max(a.p, b.p); var va = a.v * Math.pow(10, p - a.p); var vb = b.v * Math.pow(10, p - b.p); return decNorm({ v: va - vb, p: p }); } function decTextFromVP(v, p){ var neg = v < 0; var s = String(Math.abs(v)); while (s.length <= p) s = '0' + s; var out; if (p === 0) out = s; else out = s.slice(0, s.length - p) + '.' + s.slice(s.length - p); if (neg) out = '-' + out; return out; } function decText(v){ var r = Math.round(v * 1e6) / 1e6; var s = String(r); if (s.indexOf('.') < 0) return s; s = s.replace(/0+$/, '').replace(/\.$/, ''); if (s === '-0') s = '0'; return s; } /* ---------------- formatting (HTML) ---------------- */ function fracHTML(n, d){ var r = gred(n, d); var sign = r.n < 0 ? '−' : ''; if (r.d === 1) return '' + sign + Math.abs(r.n) + ''; return sign + '' + Math.abs(r.n) + '' + r.d + ''; } function mixedHTML(w, n, d){ var r = gred(n, d); if (r.n === 0) return '' + w + ''; return '' + w + ' ' + fracHTML(r.n, r.d); } function intHTML(v){ return '' + v + ''; } function qrHTML(q, r){ if (r === 0) return '' + q + ''; return '' + q + ' R ' + r + ''; } function ansHTML(ans){ if (ans.kind === 'int') return intHTML(ans.v); if (ans.kind === 'frac') return fracHTML(ans.n, ans.d); if (ans.kind === 'mixed') return mixedHTML(ans.w, ans.n, ans.d); if (ans.kind === 'dec') return '' + decText(ans.v) + ''; if (ans.kind === 'qr') return qrHTML(ans.q, ans.r); if (ans.kind === 'cmp') return '' + (ans.c === '<' ? '<' : (ans.c === '>' ? '>' : '=')) + ''; if (ans.kind === 'yesno') return '' + (ans.v ? 'Yes' : 'No') + ''; if (ans.kind === 'parts') return '' + ans.parts.join(' + ') + ''; return '?'; } function ansText(ans){ if (ans.kind === 'int') return String(ans.v); if (ans.kind === 'frac'){ var r = gred(ans.n, ans.d); return r.d === 1 ? String(r.n) : r.n + '/' + r.d; } if (ans.kind === 'mixed'){ var g = gred(ans.n, ans.d); if (g.n === 0) return String(ans.w); var f = g.d === 1 ? String(ans.w + g.n) : ans.w + ' ' + g.n + '/' + g.d; return f; } if (ans.kind === 'dec') return decText(ans.v); if (ans.kind === 'qr') return ans.r === 0 ? String(ans.q) : ans.q + ' R ' + ans.r; if (ans.kind === 'cmp') return ans.c; if (ans.kind === 'yesno') return ans.v ? 'yes' : 'no'; if (ans.kind === 'parts') return ans.parts.join(' + '); return ''; } /* ---------------- input parsing ---------------- */ function parseIntInput(raw){ var t = String(raw).trim().replace(/,/g, ''); if (!/^[+-]?\d+$/.test(t)) return { ok: false }; return { ok: true, kind: 'int', v: parseInt(t, 10) }; } function parseFracInput(raw){ var t = String(raw).trim().replace(/\s+/g, ''); var m = t.match(/^([+-]?\d+)\/(\d+)$/); if (m){ var d = parseInt(m[2], 10); if (d === 0) return { ok: false }; var r = gred(parseInt(m[1], 10), d); return { ok: true, kind: 'frac', n: r.n, d: r.d }; } var iv = parseIntInput(raw); if (iv.ok) return { ok: true, kind: 'frac', n: iv.v, d: 1 }; return { ok: false }; } function parseMixedInput(raw){ var t = String(raw).trim().replace(/\s+/g, ' '); var m = t.match(/^(\d+)\s+(\d+)\/(\d+)$/); if (m){ var w = parseInt(m[1], 10), n = parseInt(m[2], 10), d = parseInt(m[3], 10); if (d === 0) return { ok: false }; if (n >= d) return { ok: false }; var r = gred(n, d); return { ok: true, kind: 'mixed', w: w, n: r.n, d: r.d }; } var f = parseFracInput(raw); if (f.ok) return f; return { ok: false }; } function parseDecInput(raw){ var t = String(raw).trim().replace(/,/g, '').replace(/^\$/, ''); if (!/^[+-]?(\d+(\.\d*)?|\.\d+)$/.test(t)) return { ok: false }; return { ok: true, kind: 'dec', v: parseFloat(t) }; } function parseCmpInput(raw){ var t = String(raw).trim().toLowerCase(); if (t === '<' || t === 'less' || t === 'less than' || t === 'smaller') return { ok: true, kind: 'cmp', v: -1 }; if (t === '>' || t === 'greater' || t === 'greater than' || t === 'bigger' || t === 'larger') return { ok: true, kind: 'cmp', v: 1 }; if (t === '=' || t === '==' || t === 'equal' || t === 'equals' || t === 'same') return { ok: true, kind: 'cmp', v: 0 }; return { ok: false }; } function parseYesNo(raw){ var t = String(raw).trim().toLowerCase(); if (t === 'yes' || t === 'y') return { ok: true, kind: 'yesno', v: true }; if (t === 'no' || t === 'n') return { ok: true, kind: 'yesno', v: false }; return { ok: false }; } function parseQRInput(raw){ var t = String(raw).trim().toLowerCase().replace(/remainder/g, 'r'); var parts = t.split(/[^0-9]+/); var nums = []; for (var i = 0; i < parts.length; i++){ if (parts[i] !== '') nums.push(parseInt(parts[i], 10)); } if (nums.length === 1) return { ok: true, kind: 'qr', q: nums[0], r: 0 }; if (nums.length === 2) return { ok: true, kind: 'qr', q: nums[0], r: nums[1] }; return { ok: false }; } function parsePartsInput(raw){ var t = String(raw).trim().toLowerCase().replace(/plus|and/g, '+'); var chunks = t.split(/[^0-9]+/); var parts = []; for (var i = 0; i < chunks.length; i++){ if (chunks[i] !== '') parts.push(parseInt(chunks[i], 10)); } if (parts.length === 0) return { ok: false }; return { ok: true, kind: 'parts', parts: parts }; } function parseByKind(kind, raw){ if (kind === 'int') return parseIntInput(raw); if (kind === 'frac') return parseFracInput(raw); if (kind === 'mixed') return parseMixedInput(raw); if (kind === 'dec') return parseDecInput(raw); if (kind === 'cmp') return parseCmpInput(raw); if (kind === 'yesno') return parseYesNo(raw); if (kind === 'qr') return parseQRInput(raw); if (kind === 'parts') return parsePartsInput(raw); return { ok: false }; } function entryHintFor(kind){ if (kind === 'int') return 'Enter a whole number, e.g. 42.'; if (kind === 'frac') return 'Enter a fraction like 3/4 (a whole number is fine too).'; if (kind === 'mixed') return 'Enter a mixed number like 2 1/3, or an improper fraction like 7/3.'; if (kind === 'dec') return 'Enter a decimal like 0.75.'; if (kind === 'cmp') return 'Enter <, >, or = (you can also type "less", "greater", or "equal").'; if (kind === 'yesno') return 'Enter yes or no.'; if (kind === 'qr') return 'Enter the quotient and remainder like 7 R 2.'; if (kind === 'parts') return 'Enter the partial products separated by +, e.g. 120 + 30.'; return 'Type your answer.'; } /* ---------------- answer checking ---------------- */ function ratOf(ans){ if (ans.kind === 'int') return { n: ans.v, d: 1 }; if (ans.kind === 'frac') return { n: ans.n, d: ans.d }; if (ans.kind === 'mixed') return { n: ans.w * ans.d + ans.n, d: ans.d }; return null; } function checkAnswer(exp, parsed){ if (!parsed.ok) return false; if (exp.kind === 'int') return !(!(parsed.kind === 'int') || !(parsed.v === exp.v)); if (exp.kind === 'qr') return !(!(parsed.kind === 'qr') || !(parsed.q === exp.q) || !(parsed.r === exp.r)); if (exp.kind === 'cmp'){ if (parsed.kind !== 'cmp') return false; var ev = exp.c === '<' ? -1 : (exp.c === '>' ? 1 : 0); return parsed.v === ev; } if (exp.kind === 'yesno') return !(!(parsed.kind === 'yesno') || !(parsed.v === exp.v)); if (exp.kind === 'parts'){ if (parsed.kind !== 'parts') return false; if (parsed.parts.length !== exp.parts.length) return false; var a = exp.parts.slice().sort(function(x, y){ return x - y; }); var b = parsed.parts.slice().sort(function(x, y){ return x - y; }); for (var i = 0; i < a.length; i++) if (a[i] !== b[i]) return false; return true; } if (exp.kind === 'dec'){ if (parsed.kind !== 'dec') return false; var dd = parsed.v - exp.v; if (dd < 0) dd = -dd; return dd < 1e-9; } var e = ratOf(exp); if (!e) return false; if (parsed.kind === 'frac' || parsed.kind === 'int' || parsed.kind === 'mixed'){ return sameFrac(e, ratOf(parsed)); } if (parsed.kind === 'dec'){ var dv = parsed.v - e.n / e.d; if (dv < 0) dv = -dv; return dv < 1e-9; } return false; } /* ---------------- per-skill question templates ---------------- */ function _dSteps(items){ var h = '
- ';
for (var i = 0; i < items.length; i++) h += '
- ' + items[i] + '
'; return h + '
'; } function _dWhy(steps, ansHTML){ return _dSteps(steps) + '
'; } function _qrText(q, r){ return r === 0 ? String(q) : q + ' R ' + r; } var TEMPLATES = [ { id: 'D1', tag: 'Division facts', level: 0, enumerate: function(){ var out = []; for (var b = 2; b <= 9; b++) for (var q = 2; q <= 12; q++){ var a = b * q; if (a <= 100) out.push({ key: a + 'd' + b, a: a, b: b, q: q }); } return out; }, make: function(p){ return { promptHTML: 'What is ' + p.a + ' ÷ ' + p.b + '?', answer: { kind: 'int', v: p.q }, hintHTML: 'Ask: ' + p.b + ' times what equals ' + p.a + '?', whyHTML: _dWhy([ p.b + ' × ' + p.q + ' = ' + p.a + ', so ' + p.a + ' ÷ ' + p.b + ' = ' + p.q + '.', 'Check: ' + p.q + ' × ' + p.b + ' = ' + p.a + '. Nothing left over.' ], '' + p.q + '') }; } }, { id: 'D2', tag: 'Remainders', level: 1, enumerate: function(){ var out = []; for (var b = 2; b <= 9; b++) for (var q = 2; q <= 9; q++) for (var r = 1; r < b; r++){ var a = b * q + r; if (a <= 100) out.push({ key: a + 'd' + b, a: a, b: b, q: q, r: r }); } return out; }, make: function(p){ var used = p.b * p.q; return { promptHTML: 'What is ' + p.a + ' ÷ ' + p.b + '? Give the quotient and remainder.', answer: { kind: 'qr', q: p.q, r: p.r }, hintHTML: p.b + ' × ' + p.q + ' = ' + used + '. What is left from ' + p.a + '?', whyHTML: _dWhy([ p.b + ' × ' + p.q + ' = ' + used + ' fits; ' + p.b + ' × ' + (p.q + 1) + ' = ' + (used + p.b) + ' is too big.', p.a + ' − ' + used + ' = ' + p.r + ' left over.', 'Check: ' + p.q + ' × ' + p.b + ' + ' + p.r + ' = ' + p.a + '.' ], '' + _qrText(p.q, p.r) + '') }; } }, { id: 'D3', tag: 'Round-up stories', level: 1, enumerate: function(){ var out = []; var ctx = [ { many: 'students', one: 'van', per: 'van' }, { many: 'players', one: 'bus', per: 'bus' }, { many: 'apples', one: 'bag', per: 'bag' }, { many: 'books', one: 'box', per: 'box' } ]; for (var i = 0; i < ctx.length; i++) for (var n = 15; n <= 60; n += 3) for (var k = 4; k <= 9; k++){ if (n % k !== 0) out.push({ key: 'u' + i + n + 'k' + k, ci: i, n: n, k: k }); } return out; }, make: function(p){ var ctx = [ { many: 'students', one: 'van', per: 'van' }, { many: 'players', one: 'bus', per: 'bus' }, { many: 'apples', one: 'bag', per: 'bag' }, { many: 'books', one: 'box', per: 'box' } ][p.ci]; var vans = Math.ceil(p.n / p.k); return { promptHTML: 'There are ' + p.n + ' ' + ctx.many + '. Each ' + ctx.one + ' holds ' + p.k + '. How many ' + ctx.per + 's are needed so everyone fits?', answer: { kind: 'int', v: vans }, hintHTML: p.n + ' ÷ ' + p.k + ' = ' + Math.floor(p.n / p.k) + ' R ' + (p.n % p.k) + '. The leftovers still need a ' + ctx.one + '.', whyHTML: _dWhy([ p.n + ' ÷ ' + p.k + ' = ' + Math.floor(p.n / p.k) + ' R ' + (p.n % p.k) + '.', 'The ' + (p.n % p.k) + ' leftover ' + ctx.many + ' cannot be left behind — round up.', 'Answer: ' + Math.floor(p.n / p.k) + ' + 1 = ' + vans + ' ' + ctx.per + 's.' ], '' + vans + '') }; } }, { id: 'D4', tag: 'Sharing stories', level: 1, enumerate: function(){ var out = []; for (var n = 10; n <= 50; n += 2) for (var k = 3; k <= 8; k++){ if (n % k !== 0) out.push({ key: 's' + n + 'k' + k, n: n, k: k }); } return out; }, make: function(p){ var each = Math.floor(p.n / p.k); return { promptHTML: '' + p.n + ' cookies are shared equally among ' + p.k + ' friends. How many whole cookies does each friend get?', answer: { kind: 'int', v: each }, hintHTML: p.n + ' ÷ ' + p.k + ' = ' + each + ' R ' + (p.n % p.k) + '. Only whole cookies count.', whyHTML: _dWhy([ p.n + ' ÷ ' + p.k + ' = ' + each + ' R ' + (p.n % p.k) + '.', 'Each friend gets ' + each + ' whole cookies; the ' + (p.n % p.k) + ' leftover are not whole.', 'The question asks for whole cookies, so drop the remainder.' ], '' + each + '') }; } }, { id: 'D5', tag: 'Fact families', level: 0, enumerate: function(){ var out = []; for (var b = 2; b <= 9; b++) for (var q = 3; q <= 11; q++){ var a = b * q; if (a <= 100) out.push({ key: a + 'f' + b, a: a, b: b, q: q }); } return out; }, make: function(p){ return { promptHTML: 'Fill in the blank: ' + p.a + ' ÷ ' + p.b + ' = __ because ' + p.b + ' × __ = ' + p.a + '.', answer: { kind: 'int', v: p.q }, hintHTML: 'The same number fills both blanks — that is the fact family at work.', whyHTML: _dWhy([ 'Division undoes multiplication: ' + p.a + ' ÷ ' + p.b + ' asks "' + p.b + ' times what is ' + p.a + '?"', p.b + ' × ' + p.q + ' = ' + p.a + ', so the blank is ' + p.q + '.' ], '' + p.q + '') }; } }, { id: 'D6', tag: 'Missing divisors', level: 2, enumerate: function(){ var out = []; for (var b = 3; b <= 9; b++) for (var q = 3; q <= 11; q++){ var a = b * q; if (a <= 100) out.push({ key: a + 'm' + q, a: a, b: b, q: q }); } return out; }, make: function(p){ return { promptHTML: 'Fill in the blank: ' + p.a + ' ÷ __ = ' + p.q + '.', answer: { kind: 'int', v: p.b }, hintHTML: 'Rewrite as multiplication: __ × ' + p.q + ' = ' + p.a + '.', whyHTML: _dWhy([ p.a + ' ÷ __ = ' + p.q + ' means __ × ' + p.q + ' = ' + p.a + '.', p.a + ' ÷ ' + p.q + ' = ' + p.b + ', so the missing divisor is ' + p.b + '.' ], '' + p.b + '') }; } } ];
/* ---------------- practice session ---------------- */ function PracticeSession(seed){ this._rand = mulberry32(seed >>> 0); this.pools = {}; this.seen = {}; this.score = 0; this.streak = 0; this.problemNum = 0; this.current = null; this.wrongCount = 0; this.revealed = false; this._done = false; } PracticeSession.prototype._draw = function (){ var guard, t, pool, p, key, prob; for (guard = 0; guard < 200; guard++){ t = TEMPLATES[Math.floor(this._rand() * TEMPLATES.length)]; pool = this.pools[t.id]; if (!pool || pool.length === 0){ pool = shuffle(t.enumerate().slice(), this._rand); this.pools[t.id] = pool; } p = pool.pop(); key = t.id + '|' + p.key; if (this.seen[key]) continue; this.seen[key] = 1; prob = t.make(p); prob.templateId = t.id; prob.tag = t.tag; prob.key = key; prob.params = p; prob.answerDisplayHTML = ansHTML(prob.answer); prob.accept = [ansText(prob.answer)]; return prob; } this.pools = {}; this.seen = {}; t = TEMPLATES[0]; p = t.enumerate()[0]; prob = t.make(p); prob.templateId = t.id; prob.tag = t.tag; prob.key = t.id + '|' + p.key; prob.params = p; prob.answerDisplayHTML = ansHTML(prob.answer); prob.accept = [ansText(prob.answer)]; return prob; }; PracticeSession.prototype.next = function (){ this.current = this._draw(); this.wrongCount = 0; this.revealed = false; this._done = false; this.problemNum++; return this.current; }; PracticeSession.prototype.submit = function (raw){ var pr = this.current; if (!pr) return { status: 'none' }; if (this._done) return { status: 'already' }; var parsed = parseByKind(pr.answer.kind, raw); if (!parsed.ok) return { status: 'invalid', entryHint: entryHintFor(pr.answer.kind) }; var ok = checkAnswer(pr.answer, parsed); if (ok){ this._done = true; var firstTry = !(!(this.wrongCount === 0) || this.revealed); if (!this.revealed){ this.streak++; if (firstTry) this.score++; } return { status: 'correct', firstTry: firstTry, score: this.score, streak: this.streak, answerHTML: pr.answerDisplayHTML }; } this.wrongCount++; this.streak = 0; if (this.wrongCount === 1) return { status: 'hint', hintHTML: pr.hintHTML, streak: 0 }; this.revealed = true; return { status: 'why', whyHTML: pr.whyHTML, streak: 0 }; }; PracticeSession.prototype.reveal = function (){ if (!this.current) return null; this.revealed = true; return this.current.whyHTML; }; /* ---------------- game API (wraps the same templates) ---------------- */ var _gameKind = 'int'; function difficultyFor(qi){ if (qi < 5) return 0; if (qi < 12) return 1; return 2; } function genQuestion(rng, asked, qIndex){ var diff = difficultyFor(qIndex); var elig = []; var i, t; for (i = 0; i < TEMPLATES.length; i++){ if (TEMPLATES[i].level <= diff) elig.push(TEMPLATES[i]); } if (elig.length === 0) elig = TEMPLATES; for (var tries = 0; tries < 80; tries++){ t = elig[Math.floor(rng() * elig.length)]; var pool = t.enumerate(); var p = pool[Math.floor(rng() * pool.length)]; var key = t.id + '|' + p.key; if (asked[key]) continue; asked[key] = 1; var prob = t.make(p); _gameKind = prob.answer.kind; return { typeLabel: t.tag, prompt: prob.promptHTML, correct: prob.answer, why: prob.whyHTML, answerDisplayHTML: ansHTML(prob.answer) }; } t = elig[0]; var p0 = t.enumerate()[0]; var pr0 = t.make(p0); _gameKind = pr0.answer.kind; return { typeLabel: t.tag, prompt: pr0.promptHTML, correct: pr0.answer, why: pr0.whyHTML, answerDisplayHTML: ansHTML(pr0.answer) }; } function gameParseAnswer(raw){ return parseByKind(_gameKind, raw); } function gameAnswerEquals(correct, parsed){ return checkAnswer(correct, parsed); } function gameAnswerText(correct){ return ansText(correct); } function gameAnswerHintText(){ return entryHintFor(_gameKind); } function newGameState(){ return { score: 0, streak: 0, bestStreak: 0, lives: 3, timeLeft: 60, qIndex: 0, answered: 0, correct: 0, over: false, overReason: '' }; } function tickTimer(s){ if (s.timeLeft > 0) s.timeLeft--; if (s.timeLeft <= 0){ s.over = true; s.overReason = 'time'; return true; } return false; } function scoreStep(s, ok){ s.answered++; if (ok){ s.correct++; s.streak++; if (s.streak > s.bestStreak) s.bestStreak = s.streak; var pts = 10; if (s.streak >= 4) pts += 2 * (s.streak - 3); s.score += pts; return { points: pts, gameOver: false }; } s.streak = 0; s.lives--; var over = s.lives <= 0; if (over){ s.over = true; s.overReason = 'lives'; } return { points: 0, gameOver: over }; } function accuracyPct(s){ if (s.answered === 0) return 0; return Math.round(s.correct / s.answered * 100); } /* ---------------- worksheet generation ---------------- */ function wgFact(){ var b = ri(2, 9), q = ri(2, 12), a = b * q; if (a > 100){ q = Math.floor(100 / b); a = b * q; } return { kind: 'fact', params: { a: a, b: b }, stemHTML: 'Divide: ' + a + ' ÷ ' + b + '.', answerHTML: '' + q + '', answer: { kind: 'int', v: q } }; } function wgRem(){ var b = ri(2, 9), q = ri(2, 9), r = ri(1, b - 1), a = b * q + r; return { kind: 'rem', params: { a: a, b: b }, stemHTML: 'Divide. Give quotient and remainder: ' + a + ' ÷ ' + b + '.', answerHTML: '' + q + ' R ' + r + '', answer: { kind: 'qr', q: q, r: r } }; } function wgRoundUp(){ var n = ri(15, 60), k = ri(4, 9); if (n % k === 0) n = n + 1; var vans = Math.ceil(n / k); return { kind: 'roundup', params: { n: n, k: k }, stemHTML: '' + n + ' students ride vans that hold ' + k + ' each. How many vans are needed?', answerHTML: '' + vans + '', answer: { kind: 'int', v: vans } }; } function wgShare(){ var n = ri(10, 50), k = ri(3, 8); if (n % k === 0) n = n + 1; var each = Math.floor(n / k); return { kind: 'share', params: { n: n, k: k }, stemHTML: '' + n + ' cookies are shared equally among ' + k + ' friends. How many whole cookies does each friend get?', answerHTML: '' + each + '', answer: { kind: 'int', v: each } }; } var WSGENS = { easy: [wgFact, wgFact, wgRem], medium: [wgFact, wgRem, wgRoundUp, wgShare], hard: [wgRem, wgRoundUp, wgShare, wgFact] };
function generateSet(seed, diff){ setSeed(seed); var gens = WSGENS[diff] || WSGENS.medium; var probs = [], seen = {}, guard = 0; while (!(!(probs.length < 20) || !(guard < 600))){ guard++; var g = gens[Math.floor(_rand() * gens.length)]; var pr = g(); if (seen[pr.stemHTML]) continue; seen[pr.stemHTML] = 1; probs.push(pr); } return probs; } /* ---------------- expose ---------------- */ var API = { PracticeSession: PracticeSession, TEMPLATES: TEMPLATES, WSGENS: WSGENS, generateSet: generateSet, genQuestion: genQuestion, difficultyFor: difficultyFor, parseAnswer: gameParseAnswer, parseByKind: parseByKind, parsePartsInput: parsePartsInput, parseQRInput: parseQRInput, answerEquals: gameAnswerEquals, answerText: gameAnswerText, answerHintText: gameAnswerHintText, newGameState: newGameState, scoreStep: scoreStep, tickTimer: tickTimer, accuracyPct: accuracyPct, mulberry32: mulberry32, setSeed: setSeed, ggcd: ggcd, gred: gred, sameFrac: sameFrac, decVal: decVal, decNorm: decNorm, decAdd: decAdd, decSub: decSub, decText: decText, decTextFromVP: decTextFromVP, fracHTML: fracHTML, mixedHTML: mixedHTML, ansHTML: ansHTML, ansText: ansText, checkAnswer: checkAnswer }; return API; });
/* ===== game UI wiring (browser only) — generic; core is node-testable ===== */ (function(){ 'use strict'; var CORE = window.FiboCore_division; var $ = function(id){ return document.getElementById(id); };
var HEART_SVG = '';
var startScreen = $('startScreen'), gameScreen = $('gameScreen'), overScreen = $('overScreen'); var startBtn = $('startBtn'), againBtn = $('againBtn'); var answerForm = $('answerForm'), answerInput = $('answerInput'), submitBtn = $('submitBtn'); var feedback = $('feedback');
var state, rng, asked, current, timerId, locked;
function show(screen){ var screens = [startScreen, gameScreen, overScreen]; for (var i = 0; i < screens.length; i++){ screens[i].classList.remove('show'); } screen.classList.add('show'); } function renderHearts(){ var elm = $('livesVal'); elm.innerHTML = ''; for (var i = 0; i < 3; i++){ var span = document.createElement('span'); span.innerHTML = HEART_SVG; var svg = span.firstChild; if (i >= state.lives) svg.classList.add('lost'); elm.appendChild(svg); } elm.setAttribute('aria-label', state.lives + (state.lives === 1 ? ' life' : ' lives') + ' remaining'); }
function renderHud(){ $('timerVal').textContent = state.timeLeft; $('scoreVal').textContent = state.score; $('streakVal').textContent = state.streak; $('bestStreakHud').textContent = 'Best streak ' + state.bestStreak; $('qCount').textContent = 'Question ' + (state.qIndex + 1); $('timerBox').classList.toggle('timer-low', state.timeLeft <= 10); $('timeFill').style.width = (state.timeLeft / 60 * 100) + '%'; renderHearts(); } function nextQuestion(){ locked = false; current = CORE.genQuestion(rng, asked, state.qIndex); state.qIndex += 1; $('qType').textContent = current.typeLabel; $('qPrompt').innerHTML = current.prompt; feedback.className = 'feedback'; feedback.innerHTML = ''; answerInput.value = ''; answerInput.disabled = false; submitBtn.disabled = false; renderHud(); setTimeout(function(){ answerInput.focus(); }, 60); } function stopTimer(){ if (timerId){ clearInterval(timerId); timerId = null; } } function startTimer(){ stopTimer(); timerId = setInterval(function(){ var expired = CORE.tickTimer(state); renderHud(); if (expired) endGame(); }, 1000); } function startGame(){ state = CORE.newGameState(); rng = CORE.mulberry32(Date.now() % 2147483647); asked = {}; show(gameScreen); nextQuestion(); startTimer(); } function endGame(){ stopTimer(); state.over = true; var title = $('overTitle'), reason = $('overReason'); if (state.overReason === 'lives'){ title.textContent = 'Out of lives!'; reason.textContent = 'You used all 3 lives. The streak bonus rewards careful answers — take a breath and sprint again.'; } else { title.textContent = 'Time’s up!'; reason.textContent = '60 seconds on the clock. Your best streak shows how far careful speed can take you.'; } $('finalScore').textContent = state.score; $('finalBest').textContent = state.bestStreak; $('finalAnswered').textContent = state.answered; $('finalAcc').textContent = CORE.accuracyPct(state) + '%'; show(overScreen); setTimeout(function(){ againBtn.focus(); }, 60); } function onSubmit(ev){ ev.preventDefault(); if (locked || state.over) return; var raw = answerInput.value; var parsed = CORE.parseAnswer(raw); var ok = CORE.answerEquals(current.correct, parsed); var res = CORE.scoreStep(state, ok); locked = true; answerInput.disabled = true; submitBtn.disabled = true; var fbClass, title, body; if (ok){ fbClass = 'correct'; title = 'Correct! +' + res.points + ' points'; body = (state.streak >= 4) ? 'Streak of ' + state.streak + ' — streak bonus applied (+' + (2 * (state.streak - 3)) + ').' : 'Keep the streak going for bonus points.'; } else { fbClass = 'wrong'; title = 'Not quite — 1 life lost.'; if (parsed === null){ body = 'I could not read that answer. ' + CORE.answerHintText() + ' ' + '' + current.why + ''; } else { body = 'The correct answer is ' + CORE.answerText(current.correct) + '. ' + '' + current.why + ''; } } feedback.className = 'feedback show ' + fbClass; feedback.innerHTML = '
'; renderHud();
if (res.gameOver){ setTimeout(endGame, 1400); } else { setTimeout(nextQuestion, ok ? 1100 : 2400); } }
startBtn.addEventListener('click', startGame); againBtn.addEventListener('click', startGame); answerForm.addEventListener('submit', onSubmit); })();