{{ block title }}
{{ endblock }}


{{ block script }}
<script>
  let trial_dice = 0 
  let saikoro = 0

  // setIntervalを使う方法
function sleep(waitSec, callbackFunc) {

// 経過時間（秒）
var spanedSec = 0;

// 1秒間隔で無名関数を実行
var id = setInterval(function () {

    spanedSec++;

    // 経過時間 >= 待機時間の場合、待機終了。
    if (spanedSec >= waitSec) {

        // タイマー停止
        clearInterval(id);

        // 完了時、コールバック関数を実行
        if (callbackFunc) callbackFunc();
    }
}, 500);

}
  
  function slideshow_timer2(){
    document.getElementById("sainome").src="/static/global/dice.jpg";
    let saikoro = Math.floor(Math.random()*6) +1;
   sleep(1, function () {

    document.getElementById("sainome").src= `/static/global/${saikoro}d.jpg`;
});

trial_dice += 1;
document.getElementById("tri_d_c").value = trial_dice;

    if(trial_dice==1){
      document.getElementById("obsd_1").value = saikoro;
    }
    if(trial_dice==2){
      document.getElementById("obsd_2").value = saikoro;
    }
    if(trial_dice==3){
      document.getElementById("obsd_3").value = saikoro;
    }
    if(trial_dice==4){
      document.getElementById("obsd_4").value = saikoro;
    }
    if(trial_dice==5){
      document.getElementById("obsd_5").value = saikoro;
    }
    if(trial_dice==6){
      document.getElementById("obsd_6").value = saikoro;
    }
    if(trial_dice==7){
      document.getElementById("obsd_7").value = saikoro;
    }

  }

   ///配列の用意
  var arr = new Array(5);
  console.log(arr);

  //配列にデータを渡す関数
  function assign(a,b){
    arr[a] = b;
    console.log(arr);
  }

  //配列からiscoreを計算する関数
  function cal_iscore(){
    //player report
    var dice1count = arr.filter(value => value === '1').length;
    var dice2count = arr.filter(value => value === '2').length;
    var dice3count = arr.filter(value => value === '3').length;
    var dice4count = arr.filter(value => value === '4').length;
    var dice5count = arr.filter(value => value === '5').length;
    var dice6count = arr.filter(value => value === '6').length;
    console.log("1が出た回数：" +dice1count,"2が出た回数："+ dice2count,
    "3が出た回数：" +dice3count,"4が出た回数："+ dice4count,
    "5が出た回数：" +dice5count,"6が出た回数："+ dice6count);
    //subsession　report
    var dice1r = '{{total_1r}}';
    var dice2r = '{{total_2r}}';
    var dice3r = '{{total_3r}}';
    var dice4r = '{{total_4r}}';
    var dice5r = '{{total_5r}}';
    var dice6r = '{{total_6r}}';
    var n = '{{sub_num_people}}';
    var dice1rrate = dice1r/(5*n-4);
    var dice2rrate = dice2r/(5*n-4);
    var dice3rrate = dice3r/(5*n-4);
    var dice4rrate = dice4r/(5*n-4);
    var dice5rrate = dice5r/(5*n-4);
    var dice6rrate = dice6r/(5*n-4);

    console.log("1が報告された割合："+ dice1rrate,"2が報告された割合："+ dice2rrate ,
    "3が報告された割合："+ dice3rrate,"4が報告された割合："+ dice4rrate ,
    "5が報告された割合："+ dice5rrate,"6が報告された割合："+ dice6rrate )

    //subsession　prediction
    var log_sum_dice1_p = '{{ totalrate_1p }}';
    var log_sum_dice2_p = '{{ totalrate_2p }}';
    var log_sum_dice3_p = '{{ totalrate_3p }}';
    var log_sum_dice4_p = '{{ totalrate_4p }}';
    var log_sum_dice5_p = '{{ totalrate_5p }}';
    var log_sum_dice6_p = '{{ totalrate_6p }}';

    var dice1p = log_sum_dice1_p/n;
    var dice2p = log_sum_dice2_p/n;
    var dice3p = log_sum_dice3_p/n;
    var dice4p = log_sum_dice4_p/n;
    var dice5p = log_sum_dice5_p/n;
    var dice6p = log_sum_dice6_p/n;

    var dice1prate =  Math.exp(dice1p);
    var dice2prate =  Math.exp(dice2p);
    var dice3prate =  Math.exp(dice3p);
    var dice4prate =  Math.exp(dice4p);
    var dice5prate =  Math.exp(dice5p);
    var dice6prate =  Math.exp(dice6p);
    
    console.log("予測された1の割合の幾何平均："+ dice1prate,"予測された2の割合の幾何平均："+ dice2prate,
    "予測された3の割合の幾何平均："+ dice3prate,"予測された4の割合の幾何平均："+ dice4prate,
    "予測された5の割合の幾何平均："+ dice5prate,"予測された6の割合の幾何平均："+ dice6prate,
    )
    //iscoreの平均
    var iscore = 
    dice1count* Math.log(dice1rrate/dice1prate )
    +dice2count* Math.log(dice2rrate/dice2prate )
    +dice3count* Math.log(dice3rrate/dice3prate )
    +dice4count* Math.log(dice4rrate/dice4prate )
    +dice5count* Math.log(dice5rrate/dice5prate )
    +dice6count* Math.log(dice6rrate/dice6prate );
    console.log(iscore)
    diciscore = document.getElementById('diciscore');
    diciscore.innerText =Math.round(iscore*1000)/1000;
  }


</script>
{{ endblock }}

{{ block content }}

<p>以下の「サイコロを振る」ボタンを押してサイコロを振り、出目を報告するという操作を 5 回繰り返してください。ボタンを押してから出目が表示されるまで最大5秒程度かかる場合がありますので、その場合は少しお待ちください。</p>
<p><b>但し、以下のルールをよく読んだ上で報告してください。</b></p>
<p>ルール1：報告された結果に基づいて、<b>(報告された出目の合計)×¥1の追加報酬</b>が支払われます。この報酬は調査への参加に対する謝礼とは別に支払われます。</p>
<p>ルール2：この実験では、あなたには「情報スコア」と呼ばれる得点が計算されます。</p>
<p>この「情報スコア」はあなたの回答がどの程度誠実で、情報として有益であるかを反映したものであり、近年マサチューセッツ工科大学の研究者によって考案されたアルゴリズムによって算出されます。この調査への回答が全て集まった後、あなたはこの「情報スコア」の合計により順位づけられ、上位1/3に含まれている場合には<b>￥50の追加報酬</b>が支払われます。この報酬は調査への参加に対する謝礼とは別に支払われます。</p>
<p><b>またこの実験では回答の参考のために、あなたが報告した出目によって計算された情報スコアが表示されます。</b></p>

<button type="button" onclick="slideshow_timer2();">サイコロを振る</button>
    <p><img id ="sainome" src="/static/global/dice.jpg" width="50" height="50"></p>
    <p>あなたの情報スコアは<span id="diciscore" name = "iscore"> </span>です。</p>
<form>
    <fieldset>
      <legend>サイコロの出目を報告してください。</legend>
      <p>1回目</p>
      <div>
        <input type="radio" id="0" name="dice1" value="1" onclick="assign(this.id,this.value);cal_iscore()" />
        <label for="contactChoice1">1</label>
        &nbsp;&nbsp;
        <input type="radio" id="0" name="dice1" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>
        &nbsp;&nbsp;
        <input type="radio" id="0" name="dice1" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
        &nbsp;&nbsp;
        <input type="radio" id="0" name="dice1" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>
        &nbsp;&nbsp;
        <input type="radio" id="0" name="dice1" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
        &nbsp;&nbsp;
        <input type="radio" id="0" name="dice1" value="6" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice6">6</label>

      </div>
      <br>
      <p>2回目</p>
      <div>
        <input type="radio" id="1" name="dice2" value="1" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice1">1</label>
        &nbsp;&nbsp;
        <input type="radio" id="1" name="dice2" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>
        &nbsp;&nbsp;
        <input type="radio" id="1" name="dice2" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
        &nbsp;&nbsp;
        <input type="radio" id="1" name="dice2" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>
        &nbsp;&nbsp;
        <input type="radio" id="1" name="dice2" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
        &nbsp;&nbsp;
        <input type="radio" id="1" name="dice2" value="6" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice6">6</label>
      </div>


      <br>
      <p>3回目</p>
      <div>
        <input type="radio" id="2" name="dice3" value="1" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice1">1</label>
        &nbsp;&nbsp;
        <input type="radio" id="2" name="dice3" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>
        &nbsp;&nbsp;
        <input type="radio" id="2" name="dice3" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
        &nbsp;&nbsp;
        <input type="radio" id="2" name="dice3" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>
        &nbsp;&nbsp;
        <input type="radio" id="2" name="dice3" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
        &nbsp;&nbsp;
        <input type="radio" id="2" name="dice3" value="6" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice6">6</label>
      </div>

      <br>
      <p>4回目</p>
      <div>
        <input type="radio" id="3" name="dice4" value="1" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice1">1</label>
        &nbsp;&nbsp;
        <input type="radio" id="3" name="dice4" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>
        &nbsp;&nbsp;
        <input type="radio" id="3" name="dice4" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
        &nbsp;&nbsp;
        <input type="radio" id="3" name="dice4" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>
        &nbsp;&nbsp;
        <input type="radio" id="3" name="dice4" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
        &nbsp;&nbsp;
        <input type="radio" id="3" name="dice4" value="6" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice6">6</label>
      </div>

      <br>
      <p>5回目</p>
      <div>
        <input type="radio" id="4" name="dice5" value="1" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice1">1</label>
        &nbsp;&nbsp;
        <input type="radio" id="4" name="dice5" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>
        &nbsp;&nbsp;
        <input type="radio" id="4" name="dice5" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
        &nbsp;&nbsp;
        <input type="radio" id="4" name="dice5" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>
        &nbsp;&nbsp;
        <input type="radio" id="4" name="dice5" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
        &nbsp;&nbsp;
        <input type="radio" id="4" name="dice5" value="6" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice6">6</label>
      </div>
      <input type="hidden" name="trial_dice" id= "tri_d_c" value="">
      <input type="hidden" name="obsd_1" id= "obsd_1" value="">
      <input type="hidden" name="obsd_2" id= "obsd_2" value="">
      <input type="hidden" name="obsd_3" id= "obsd_3" value="">
      <input type="hidden" name="obsd_4" id= "obsd_4" value="">
      <input type="hidden" name="obsd_5" id= "obsd_5" value="">
      <input type="hidden" name="obsd_6" id= "obsd_6" value="">
      <input type="hidden" name="obsd_7" id= "obsd_7" value="">
      
    </fieldset>
    
  </form>
    <br>{{ next_button }}

{{ endblock }}