Quiz Craft | HTML5 Game

Other Games You Will Like

QuizCraft — Trivia Quiz

A polished, fully featured HTML5 trivia quiz game built for commercial distribution. Zero external JavaScript dependencies. Works on any device, in any modern browser, straight from a static file host.

Overview

QuizCraft challenges players to answer multiple-choice trivia questions across three difficulty tiers and 150 levels. A full coin economy, a daily streak system, an integrated ad framework, and four selectable themes make QuizCraft a complete, ready-to-ship product.

About the Game

• Entry point is index.html — no build step required
• Pure vanilla HTML5, CSS3, and ES6+ JavaScript — no libraries, no frameworks, no package manager
• Procedural Web Audio API sound engine — no audio files bundled
• All game state persisted to localStorage with full graceful degradation when storage is unavailable
• Supports mouse, touch, and stylus input via the Pointer Events API

Themes

Four themes are available to all players at no cost, each with a matching background image. The active theme is saved to localStorage and applied instantly on every return visit.

• Purple — deep violet lobby with electric purple accents (default)
• Black — pure dark minimalism with silver-white accents
• Parrot — vivid jungle greens with neon lime highlights
• Pink — soft rose tones with warm blush highlights

Levels

• 150 total levels across three difficulty tiers
• 50 Easy levels, 50 Medium levels, 50 Hard levels
• All question data is embedded directly in script/js/questions.js — no external level files to load
• New questions can be added by appending entries to the QUESTIONS object in questions.js
• Level progress and completion state are saved per-difficulty in localStorage
• A Level Select overlay with a progress bar lets players jump to any unlocked level

Difficulty Modes

• Easy — 5 Questions per Level: Straightforward trivia questions. Approachable for new players.
• Medium — 5 Questions per Level: More challenging topics and tighter subject variety. Suitable for casual trivia fans.
• Hard — 5 Questions per Level: Specialist knowledge and complex questions. Designed for experienced trivia players.

How to Play

1. Select a difficulty and level from the lobby.
2. Read each question carefully and tap the answer you believe is correct.
3. Each question has four multiple-choice options — only one is correct.
4. Answer all 5 questions in a level to complete it and earn coins.
5. A star rating is awarded based on how many answers you get correct.

Controls

• Desktop: Click to select an answer option.
• Mobile / Touch: Tap to select an answer. Touch controls use the Pointer Events API for precise, lag-free input.
• Hint (50/50): Removes two wrong answer options. Uses the hint inventory (starts at 3; more can be purchased in the shop or earned by watching an ad).
• Skip: Skip the current question. Costs one skip charge.
• Reset: Clear all answers and restart the current level.
• Pause: Pause the timer and access skip, lobby, and quit options.

Settings

All settings are accessible from the lobby settings button and are saved automatically to localStorage.

• Sound Effects: Toggle procedural game sounds on or off. (Note: no background music is included.)
• Volume: Adjust the sound effects volume level.
• Show Timer: Toggle the elapsed-time counter in the game header.
• Reset All Progress: Clears all saved progress, coins, and settings from localStorage.

Ad Monetization

QuizCraft ships with a fully integrated, configurable ad system ready to connect to any ad network.

Important: Ad network integrations such as Google AdSense, AdMob, and ironSource are third-party external services not affiliated with or included in this product. Each network operates independently and has its own account registration process, eligibility requirements, approval policies, and potentially associated costs. QuizCraft provides the ad slot infrastructure only — buyers are solely responsible for obtaining their own accounts, meeting each network’s requirements, and complying with their respective terms of service.

• Ads are displayed in a full-screen overlay with a sandboxed iframe, a countdown timer, and a skip button that appears after 5 seconds (configurable).
• Ad content is loaded from script/ads/ad.html — the file contains clearly marked comment blocks that show exactly where to paste your ad network’s loader script and ad unit code (Google AdSense, AdMob Web, ironSource, Unity Ads, etc.).
• Ad completion is signaled from the ad slot via window.parent.postMessage('AD_COMPLETE', '*').
• Ad trigger points: game start, every third level completed (interstitial), quit/back-to-lobby, skip-level action, and the lobby “Earn Coins” button.
• Watching an ad rewards 50 coins. All reward amounts and trigger frequencies are configurable in script/js/script.js.
• Players can spend 300 coins in the shop to disable ads for their current session.

Tech Stack

Requirements & Compatibility

• Any modern browser: Chrome 88+, Firefox 85+, Safari 14+, Edge 88+, Samsung Internet 14+
• No server-side code required — deploy to any static file host (GitHub Pages, Netlify, S3, cPanel, etc.)
• No installation, no build step, no CLI tools required
• Internet connection required for Google Fonts (loaded via CDN) to render correctly; see documentation for offline font bundling instructions
• Internet Explorer is not supported
• All localStorage operations are wrapped in try/catch for safe degradation in private browsing mode