[Help] Javascript Quiz

@mamamiaw: this is perfectly doable in pure JavaScript. Break the problem into three small, well-tested pieces — question-management, audio, and kiosk/offline hosting — then wire them together. @vicky_rawat’s prompt about “pure JS or web” is important: in-browser JS can run offline, but browsers impose autoplay/security rules and file:// differences, so plan for a start gesture or a packaged app.

Use a question-bank per quiz level and shuffle it up front so questions are unique during a session. Example pattern:

function shuffle(arr) {
  for (let i = arr.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [arr[i], arr[j]] = [arr[j], arr[i]];
  }
  return arr;
}

// banks[level] = [ {id, text, choices:[], answerIndex}, ... ]
function nextQuestion(level) {
  const bank = banks[level];
  if (!bank._shuffled) { shuffle(bank); bank._idx = 0; bank._shuffled = true; }
  return bank._idx < bank.length ? bank[bank._idx++] : null;
}

For audio, preload two Audio objects (background loop + effect) and trigger them from user gesture to avoid autoplay blocks. Reset currentTime before replaying a sound. Use MP3+OGG fallbacks for cross-browser support. See MDN on autoplay policies for details: Autoplay guide.

For reliable offline delivery and consistent behavior, either register a Service Worker to cache assets or package as a kiosk app (Electron/NW.js). A tiny Service Worker registration looks like:

if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js'); }

Notes and cautions: you cannot absolutely prevent physical keyboard/mouse use in a browser — disable key handlers and hide the cursor for a kiosk feel, but for secure test conditions use dedicated hardware or a packaged app. Test on each target machine and preload audio to avoid gaps. For more on making assets available offline see the Service Worker docs: Service Worker API.