<html>
<head>
<script language="javascript">
  var arrAns = new Array(33);
  var arrPng = ["",
				"haifuri_twitter_icon_akeno.png",
				"haifuri_twitter_icon_mashiro.png",
				"haifuri_twitter_icon_shima.png",
				"haifuri_twitter_icon_mei.png",
				"haifuri_twitter_icon_kouko.png",
				"haifuri_twitter_icon_rin.png",
				"haifuri_twitter_icon_hikari.png",
				"haifuri_twitter_icon_michiru.png",
				"haifuri_twitter_icon_junko.png",
				"haifuri_twitter_icon_ritsuko.png",
				"haifuri_twitter_icon_kayoko.png",
				"haifuri_twitter_icon_kaede.png",
				"haifuri_twitter_icon_satoko.png",
				"haifuri_twitter_icon_hideko.png",
				"haifuri_twitter_icon_mayumi.png",
				"haifuri_twitter_icon_tsugumi.png",
				"haifuri_twitter_icon_megumi.png",
				"haifuri_twitter_icon_machiko.png",
				"haifuri_twitter_icon_maron.png",
				"haifuri_twitter_icon_hiromi.png",
				"haifuri_twitter_icon_reo.png",
				"haifuri_twitter_icon_sakura.png",
				"haifuri_twitter_icon_runa.png",
				"haifuri_twitter_icon_sora.png",
				"haifuri_twitter_icon_hime.png",
				"haifuri_twitter_icon_momo.png",
				"haifuri_twitter_icon_mimi.png",
				"haifuri_twitter_icon_mikan.png",
				"haifuri_twitter_icon_homare.png",
				"haifuri_twitter_icon_akane.png",
				"haifuri_twitter_icon_minami.png",
				"haifuri_twitter_icon_moeka.png",
				"haifuri_twitter_icon_mina.png"];
  function init()
  {
    for(n = 0; n < 33; n++) {
       arrAns[n] = rndm(n);
    }
  } 
  function rndm(n)
  {
    var ret = 0;
    while( ret == 0) {
      var rand = Math.floor( Math.random() * 33 ) + 1;
      var m = 0;
      for(m = 0; m < n; m++) {
        if (arrAns[m] == rand) {
          break;
        }
      }
      if (n==m) {
        ret = rand;
      }
    }
    return ret;
  } 
  function chk(n)
  {
    if(document.getElementById("settaiMode").checked) {
      document.getElementById("tweet").value = "私は、ハイスクール・フリートの登場キャラクターをたくさん覚えている 8% の逸材です。 #はいふり言えるかな http://www.annnnnnna.jp/hai-furi/hai-furi.html"; 
      return;
    }
    correct = 0;
      for(n = 0; n < 33; n++) {
          var ok = false;
          if(document.getElementById("normalMode").checked) {
            if(document.getElementById("lb" + n).selectedIndex == arrAns[n]) {
              ok = true;
            }
          } else {
            var tmptx = document.getElementById("tx" + n).value;
            tmptx = tmptx.replace( / /g , "" ) ;
            tmptx = tmptx.replace( /･/g , "・" ) ;
            var tmpans = document.getElementById("lb" + n).options[arrAns[n]].text;
            if (arrAns[n] == 33) {
              tmpans = "ヴィルヘルミーナ・ブラウンシュヴァイク・インゲノール・フリーデブルク";
            }
            if(tmptx == tmpans){
              ok = true;
            }
          }

         if(ok){
           correct++;
           document.getElementById("d" + n).style.backgroundColor = "#0000ff";
         } else {
           document.getElementById("d" + n).style.backgroundColor = "#ff0000";
         }
      }
      if(document.getElementById("normalMode").checked) {
        document.getElementById("tweet").value = "私は、ハイスクール・フリートの登場キャラクターの33人のうち" + correct + "人の名前を正しく選択することができます。 #はいふり言えるかな http://www.annnnnnna.jp/hai-furi/hai-furi.html"; 
      } else {
        document.getElementById("tweet").value = "私は、ハイスクール・フリートの登場キャラクターの33人のうち" + correct + "人の名前を正しく入力することができます。 #はいふり言えるかな #はいふり言えるかな_ハード http://www.annnnnnna.jp/hai-furi/hai-furi.html"; 
      }
  }
  function lb(n) {
		var ret = '<input type="text" id="tx' + n + '" style="visibility:hidden"/><br/>';
		ret += '<select id="lb' + n + '" style="visibility:visible">';
		ret += '<option>未選択</option>';
		ret += '<option>岬明乃</option>';
		ret += '<option>宗谷ましろ</option>';
		ret += '<option>立石志摩</option>';
		ret += '<option>西崎芽依</option>';
		ret += '<option>納沙幸子</option>';
		ret += '<option>知床鈴</option>';
		ret += '<option>小笠原光</option>';
		ret += '<option>武田美千留</option>';
		ret += '<option>日置順子</option>';
		ret += '<option>松永理都子</option>';
		ret += '<option>姫路果代子</option>';
		ret += '<option>万里小路楓</option>';
		ret += '<option>勝田聡子</option>';
		ret += '<option>山下秀子</option>';
		ret += '<option>内田まゆみ</option>';
		ret += '<option>八木鶫</option>';
		ret += '<option>宇田慧</option>';
		ret += '<option>野間マチコ</option>';
		ret += '<option>柳原麻侖</option>';
		ret += '<option>黒木洋美</option>';
		ret += '<option>若狭麗緒</option>';
		ret += '<option>伊勢桜良</option>';
		ret += '<option>駿河留奈</option>';
		ret += '<option>広田空</option>';
		ret += '<option>和住媛萌</option>';
		ret += '<option>青木百々</option>';
		ret += '<option>等松美海</option>';
		ret += '<option>伊良子美甘</option>';
		ret += '<option>杵崎ほまれ</option>';
		ret += '<option>杵崎あかね</option>';
		ret += '<option>鏑木美波</option>';
		ret += '<option>知名もえか</option>';
		ret += '<option>ｳﾞｨﾙﾍﾙﾐｰﾅ･ﾌﾞﾗｳﾝｼｭｳﾞｧｲｸ･ｲﾝｹﾞﾉｰﾙ･ﾌﾘｰﾃﾞﾌﾞﾙｸ</option>';
		ret += '</select>';
    return ret;
  }
  function modeChange() {
      for(n = 0; n < 33; n++) {
        if(document.getElementById("hardMode").checked) {
          document.getElementById("lb" + n).style.visibility = "hidden"
          document.getElementById("tx" + n).style.visibility = "visible"
        } else {
          document.getElementById("lb" + n).style.visibility = "visible"
          document.getElementById("tx" + n).style.visibility = "hidden"
        }
      }
  }
</script>
</head>
<body>
<h1>はいふり言えるかな</h1>
<h2><a href="./hai-furi-vh.html">はいふり言えるかなベリーハード</a>（声優名入力）</h2>
<h2><a href="./hai-furi-sp.html">帰ってきた　はいふり言えるかな</a>（コラボ店舗）</h2>
<input type="radio" name="mode" id="settaiMode" onclick="modeChange();">接待モード
<input type="radio" name="mode" id="normalMode" onclick="modeChange();" checked="true">ノーマルモード
<input type="radio" name="mode" id="hardMode"   onclick="modeChange();">ハードモード

<script>
init();
for(n = 0; n < 33; n++) {
  document.write('<div id="d' + n + '">');
  document.write('<img height="200px" width="200px" src="icon/' + arrPng[arrAns[n]] + '"/><br/>');
  document.write(lb(n));
  document.write('</div>');
  document.write('<hr/>');
}
</script>
<input type="button" onclick="chk()" value="回答する"/>
<br />
<textarea id="tweet" rows="4" cols="60">
</textarea>
<hr />
ここで使用している画像は公式で配布されているTwitterアイコンを使用したものです。<br>
二次配布すると怒られると思うので、必要であれば<a href="http://www.hai-furi.com/special/present_02/">公式からダウンロードして下さい</a>。<br>
スクリプトに関してはソース見て分かる人は二次使用、改変等自由に行って下さい。<br>
</body>

</html>