<!--WEBマイ単語帳(CAI) 2011-->

<HTML>

<HEAD>

<!--ブラウザの表示文字コードの指定(unicode "utf-8")-->

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <TITLE>WEB単語帳--ランダムスタート</TITLE>

<!--西和、和西検索関数。

ラジオボタンの値がseiwaならスペイン語から、

waseiなら日本語の配列を検索する。

-->

<SCRIPT LANGUAGE="JavaScript">


//★20110203カウンタの初期化あたりにバグがある模様。片方が終わったあとに方向を切り替えるとゴミが残っている。

//★西日日西を切り替える場合は画面クリアをしてからリロードが必要。プログラム中ではどうすれば??


//ここに単語を追加。スペイン語と日本語の順序が一致するようにする。語数カウントのため5語ごとに改行で区切る。

  var edic = new Array("estudiar","trabajar","comer","enseñar","decir",

	"universidad", "banco", "restaurante", "inglés", "música");


  var jdic = new Array("勉強する","働く","食べる","教える","言う",

	"大学","銀行","レストラン","英語","音楽");


  var rv;

  var i,j;


//2015得点集計用変数追加

  var mondai=0;

  var tokuten=0;


  function radio1(r){

    rv = r.value;

  }


//20151130 出題のスタート位置をランダムにする⇒0～単語数マイナス1までの数をランダムに指定

//使用関数　Math.floor(Math.random()*p); //Math.randam()で0～1未満の乱数取得。pは単語数(*は「かける《)。Math.floorで小数点以下切り捨て


  //ラジオボタンの選択により、問題の初期値を表示。カウンタ初期化。

  function start_e(){

      i = Math.floor(Math.random()*10);;			//単語数10語の場合。i = 0;を書き換え

      document.Myform.input.value = edic[i];    

  }


  function start_j(){

      j = Math.floor(Math.random()*10);;			//単語数10語の場合。j = 0;を書き換え

      document.Myform.input.value = jdic[j];

  }


//20151128集計カウンタ追加。採点ボタンで全回答数カウント。正解のときのみ得点カウンタインクリメント。

//20140401採点フェーズ(☆ここに入れないとカウンタが正しく取得できなかった。何故??)

  function check(){


　　mondai++;		//全回答数カウント


    //西日

    if(rv == "seiwa"){


      if( document.Myform.user.value == jdic[i] ){

        document.Myform.result.value = "◎";

        document.Myform.output.value = jdic[i];


        tokuten++;	//得点カウンタインクリメント


      }

      else {

        document.Myform.result.value = "×";

      }

    }

    //日西

    else{

       if( document.Myform.user.value == edic[j] ){

        document.Myform.result.value = "◎";

        document.Myform.output.value = edic[j];


        tokuten++;	//得点カウンタインクリメント

      }

      else {

        document.Myform.result.value = "×";

      }

    }


  }

//20140401追加ここまで


  //対訳表示

  function translate(){

    if(rv == "seiwa"){

      document.Myform.output.value = jdic[i];

    }

    else{

      document.Myform.output.value = edic[j];

    }

  }


  //20140401解答・採点ボックスも空に。

  //次の問題を表示。同時に正解ボックスは空に。

  function next(){


    if(rv == "seiwa"){

      i++;


	//20110204 エンドレス対応を入れてみる

	if(i>=10){

		i=i-10;

	}


      //iが単語数より小さいことをチェック。大きい場合はエラー☆このif文上要??

      if(i<10){

        document.Myform.input.value = edic[i];

        document.Myform.output.value = "";

        document.Myform.user.value = "";

        document.Myform.result.value = "";

      }

      else {

        document.Myform.input.value = "FIN";

        document.Myform.output.value = "";

        document.Myform.user.value = "";

        document.Myform.result.value = "";

      }

    }

    else{

      j++;


	//20110204 エンドレス対応を入れてみる

	if(j>=10){

		j=j-10;

	}


      if(j<10){

        document.Myform.input.value = jdic[j];

        document.Myform.output.value = "";

        document.Myform.user.value = "";

        document.Myform.result.value = "";


      }

      else {

        document.Myform.input.value = "FIN";

        document.Myform.output.value = "";

        document.Myform.user.value = "";

        document.Myform.result.value = "";


      }

    }


  }


  //20151128終了の処理。得点表示。

  function total(){

      document.Myform.gokei.value = mondai;

      document.Myform.seikai.value = tokuten;


  }


</SCRIPT>

</HEAD>


<BODY BGCOLOR="lightsteelblue">

<BR>

<BR>

<BR>

<FONT COLOR ="Navy"><H1>WEBマイ単語帳</H1>

<H2>エンドレス単語テスト編--<FONT COLOR="fuchsia">自動採点&得点集計&ランダムスタート</FONT>つき</H2></FONT>


<FORM NAME="Myform">

<INPUT TYPE="radio" NAME="r1" VALUE="seiwa" onClick="radio1(this)">スペイン語→日本語

<INPUT TYPE="button" VALUE="スタート" onClick="start_e()"><BR><BR>

<INPUT TYPE="radio" NAME="r1" VALUE="wasei" onClick="ratio1(this)">日本語→スペイン語

<INPUT TYPE="button" VALUE="スタート" onClick="start_j()"><BR><BR>


<!--20140401テーブル表示にする-->

<TABLE>

<!--1行目-->

<TR><TD>

問題: <INPUT TYPE="text" NAME="input"><BR><BR>

</TD><TD>

<INPUT TYPE="button" VALUE="次へ" onClick="next()"> <INPUT TYPE="button" VALUE="終了" onClick="total()"><BR><BR>

</TD><TD>

</TD></TR>

<!--2行目-->

<TR><TD>

解答⇒ <INPUT TYPE="text" NAME="user"><BR><BR>

</TD><TD>

<INPUT TYPE="button" VALUE="採点" onClick="check()"><BR><BR>

</TD><TD>

<INPUT TYPE="text" NAME="result" SIZE="10"><BR><BR>

</TD></TR>

<!--3行目-->

<TR><TD>

正解: <INPUT TYPE="text" NAME="output"><BR><BR>

</TD><TD>

<INPUT TYPE="button" VALUE="正解表示" onClick="translate()">

</TD><TD>

</TD></TR>

</TABLE>

<FONT SIZE="1" COLOR="navy">*大文字小文字(スペイン語は全て小文字入力)、漢字かなは区別されます。

</FONT>

<HR>

<BR>

<!--全回答数と得点表示-->

<BR>

<!--

<INPUT TYPE="button" VALUE="終了" onClick="total()">

-->

<!--テキストボックスのサイズをSIZE=6くらいにするとよい-->

<BLOCKQUOTE>

<INPUT TYPE="text" NAME="gokei"  >問中<BR>

<INPUT TYPE="text" NAME="seikai" >問正解！

</BLOCKQUOTE>

<HR>

<BR><BR>

<!--20151128合計表示もクリア-->

<INPUT TYPE="button" VALUE="クリア" onClick="document.Myform.input.value='';document.Myform.output.value='' 

;document.Myform.user.value='';document.Myform.result.value=''

;document.Myform.gokei.value='';document.Myform.seikai.value=''" ><BR><BR>


<INPUT TYPE="button" VALUE="HOME" onClick="location.href='kadaitop.html'"><BR><BR>

</FORM>


<FONT SIZE="1">*西⇔日の方向指定→初期値(0番目の語)表示→採点ボタンで◎×表示、正解ボタンで正解表示→次へでループ、クリアで終了。<BR>

*前のデータが残っている場合はリロードしてください。</FONT>

<P ALIGN="right">

<SCRIPT language="JavaScript">

  document.write('Actualizado '+document.lastModified);

</SCRIPT><BR>

<I>©Yukie Kuribayashi</I></P>

</BODY>

</HTML>