Mmemo

PC作業に関する覚書やweb制作記録。
無料で使える便利ツールやwebアプリも制作。サイト上(ブラウザ上)で動作。

webページにクイズゲームを設置するためのライブラリ

概要

webページの好きな場所にオリジナルのクイズゲームを設置可能。
問題文や回答を含んだJSONデータを読み込んで動作する。

デモ

回答を終了しますか?

コード

メインコード

quiz-maker.css + quiz-maker.js (Gist)

用意するJSONデータ

question…問題文の文字列。改行をしたい場合は\nを使用。
answers…回答選択肢の文字列配列。
index-answer…answers内の正答のindex。indexは0から始まる番号。

実装