こんにちは!
釣りにはまったミーハーです。

ミーハー
ミーハー
今回は、シンプルクイズ製作サイトを作りましたので、紹介します。

制作概要

制作した目的

  • クイズを誰でも簡単に作れるサイトを作りたかったから。
  • テスト勉強用

サイトでできること

  • クイズを即座に作ることができ、なんどでもクイズをすることができる。
  • データベースに登録しないため、プライベートなクイズも製作できる。

使用言語

  • HTML
  • SCSS
  • jQuery
  • JavaScript
  • PHP

サイトの説明

トップページ

一番上のテキストにカーソルが置かれています。

適当な問題を入力し、問題登録ボタンをクリック

問題登録すると最下部に問題テキストが生成される。
カーソルは選択エリアに移動する。
※後から編集可能

答えになる選択肢を入力し、選択肢ボタンをクリック

選択肢を登録すると最下部に問題の答えとなるテキストが生成される。
※後から編集可能

答え以外の選択肢を入力し、選択肢を登録する。

選択肢は答え含めて6個まで登録可能です。
選択肢を削除したい場合は、選択肢取消ボタンの前のチェックボックスにチェックをつけ、選択肢取消ボタンをクリックすると最後に登録した選択肢が削除されます。

登録ボタンをクリック

この流れでクイズを制作していきます。
クイズを削除したい場合は、登録削除ボタンの前のチェックボックスにチェックをつけ、登録削除ボタンをクリックすると最後に登録したクイズが削除されます。

問題を開始したい場合はstartボタンをクリック

問題が開始します。

下記表示がある場合は、問題や選択肢に空白改行があります。

最後に

このサイトのデメリットとして、ページを消してしまうと、随時クイズを登録しなければなりません。
登録した問題はページ内に登録されており、データーベースに登録していません。

逆に言うと、なんでも登録してよいというメリットがあります。
友達の特徴等と問題を出してみるのもよいかもしれません(⌒∇⌒)

次にクイズ製作サイトを作る場合は、みんなで登録したクイズをシェアできるクイズ製作サイトを作成します。

シンプルクイズ製作サイトはこちら

ミーハー
ミーハー
以上。Webサイト紹介ブログでした。