<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)
  {
    correct = 0;
      for(n = 0; n < 33; n++) {
          var ans = arrAns[n];
          var ok = false;
          if (arrAns[n]>= 30) {
            ans = arrAns[n] - 1;
          }
            var tmptx = document.getElementById("tx" + n).value;
            tmptx = tmptx.replace( / /g , "" ) ;
            tmptx = tmptx.replace( /･/g , "・" ) ;
            var tmpans = document.getElementById("lb" + n).options[ans].text;
            if(tmptx == tmpans){
              ok = true;
            }

         if(ok){
           correct++;
           document.getElementById("d" + n).style.backgroundColor = "#0000ff";
         } else {
           document.getElementById("d" + n).style.backgroundColor = "#ff0000";
         }
      }
        document.getElementById("tweet").value = "私は、ハイスクール・フリートの登場キャラクターの33人のうち" + correct + "人の声優を正しく入力することができます。 #はいふり言えるかな #はいふり言えるかな_ベリーハード http://www.annnnnnna.jp/hai-furi/hai-furi-vh.html"; 
  }
  function lb(n) {
		var ret = '<input type="text" id="tx' + n + '" style="visibility:visible"/><br/>';
		ret += '<select id="lb' + n + '"  style="visibility:hidden">';
		ret += '<option>未選択</option>';
		ret += '<option>夏川椎菜</option>';
		ret += '<option>Lynn</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++) {
          document.getElementById("lb" + n).style.visibility = "hidden"
          document.getElementById("tx" + n).style.visibility = "visible"
      }
  }
</script>
</head>
<body>
<h1>はいふり言えるかな ベリーハード(声優名）</h1>
<h2><a href="./hai-furi.html">はいふり言えるかな</a></h2>

<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>