{{ block title }}
サイコロ課題①
{{ endblock }}


{{ block script }}
<script>
  function Saikoro(){
    
    let saikoro = Math.floor(Math.random()*6) +1;
    document.getElementById("sainome").src= `/static/global/${saikoro}d.jpg`;
  }
  
  function slideshow_timer2(){
    document.getElementById("sainome").src="/static/global/dice.jpg";
    setTimeout("Saikoro()",500);
  }

   ///配列の用意
  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/(n*5);
    var dice2rrate = dice2r/(n*5);
    var dice3rrate = dice3r/(n*5);
    var dice4rrate = dice4r/(n*5);
    var dice5rrate = dice5r/(n*5);
    var dice6rrate = dice6r/(n*5);

    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回繰り返していただきます。</p>
<p>ルール1：報告された結果に基づいて、<b>(報告された出目の合計)×¥ 1 の追加報酬</b>の追加報酬が支払われます。例えば出目をすべて"5"と報告した場合、¥25 が追加報酬として支払われます。この報酬は調査への参加に対する謝礼とは別に支払われます。</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>

<form>
  <div style="padding: 10px; margin-bottom: 10px; border: 1px dotted #333333;">
    あなたの情報スコアは<span id="diciscore" name = "iscore"> </span>です。
  </div>
    <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>
  
        <input type="radio" id="0" name="dice1" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>

        <input type="radio" id="0" name="dice1" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="0" name="dice1" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>

        <input type="radio" id="0" name="dice1" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
  
        <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>
  
        <input type="radio" id="1" name="dice2" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>

        <input type="radio" id="1" name="dice2" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="1" name="dice2" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>

        <input type="radio" id="1" name="dice2" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
  
        <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>
  
        <input type="radio" id="2" name="dice3" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>

        <input type="radio" id="2" name="dice3" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="2" name="dice3" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>

        <input type="radio" id="2" name="dice3" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
  
        <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>
  
        <input type="radio" id="3" name="dice4" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>

        <input type="radio" id="3" name="dice4" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="3" name="dice4" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>

        <input type="radio" id="3" name="dice4" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
  
        <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>
  
        <input type="radio" id="4" name="dice5" value="2" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice2">2</label>

        <input type="radio" id="4" name="dice5" value="3" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="4" name="dice5" value="4" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice4">4</label>

        <input type="radio" id="4" name="dice5" value="5" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice5">5</label>
  
        <input type="radio" id="4" name="dice5" value="6" onclick="assign(this.id,this.value);cal_iscore()"/>
        <label for="contactChoice6">6</label>
      </div>
      
    </fieldset>
    
    
  </form>
    <br>{{ next_button }}

{{ endblock }}