Pocket

「○○さんはAタイプです。あなたも診断してみよう!」FacebookやTwitterでこんな投稿を目にしたことがありませんか?今回は、SNSでよく見かける診断テストをjQueryでかんたんに作る方法を紹介します。

デモはこちら。実際のコードは以下です。

html

JS

今回はわかりやすいように結果を2パターンにしましたが、typeC、typeD…と同じようにクラス名を増やしていけばパターン数が多くても対応可能です。
jQueryを使えば診断テストは簡単に作成できます。ぜひ、ついつい拡散したくなるような診断テストを作ってみてください!

 

スタッフ募集のお知らせ

株式会社それからデザインでは現在、エンジニア・プログラマー、デザイナー、ディレクターを募集しています。自社サービスやクライアント企業のブランディングに関わるモノづくりの現場であなたの経験を活かしてみませんか?
ご興味のある方は、下記より募集要項をご覧ください。

生きるように働く人の仕事探しサイト「日本仕事百貨」に、当社のSE・プログラマー募集の記事が掲載されました。是非ご覧ください。