モノクロ連想しりとりクイズ

WIKIとかモンスター図鑑みてもいいよ!

(続ける際、濁点はなしとします)

途中の □ でつながる1文字は……?

view source

JavaScript

document.oncontextmenu = function () {return false;}
let texts = 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもわをん';
let ary = texts.split('');
$(function(){
let $answer = $('#answer');
let answerText = '…、ではじまる7文字読みのアイテムをもってきて!「いいね!」後とりひき!ただし、前の人とアイテムがかぶったらダメ!また、今選んだ答えが正解とは限らないよ!';
  function setAnswer(){
    $answer.empty();
    ary = _.shuffle(ary);
    ary.forEach(function(v){
      $a = $('<a>').text(v);
      $answer.append($a);
      $a.on('click', function(){
        $('#imgAnswer').empty();
        var src = $('#imgAnswer').attr('src');
        var $img = $('<img>',{src:src});
        $('#imgAnswer').append($img);
        $p = $('<p>').text(answerText);
        $p.on('click', function(){setAnswer();});
        $answer.empty();
        $answer.append($p);
      });
    });
  }
  $(document).on('click', '#imgAnswer img', function(){
     var src = $(this).attr('src');
     $('#demo img').attr({src:src});
  });

  setAnswer();
});
/*
うぐいすダリア
うめねずダリア
うすあいダリア
うるわしキノコ
うろこのかぶと
うみなりのつえ
うろこのブーツ
*/

CSS

HTML

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-dqx-quiz/

ABOUT

hi0a.com 「ひまアプリ」は無料で遊べるミニゲームや便利ツールを公開しています。

プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。

必要な機能の関数をコピペ利用したり勉強に活用できます。

プログラムの動作サンプル結果は画面上部に出力表示されています。

環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。

画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。

動く便利なものが好きなだけで技術自体に興味はないのでコードは汚いです。

途中放置や実験状態、仕様変更、API廃止等で動かないページもあります。