{{ 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);
  }

</script>
{{ endblock }}

{{ block content }}

<p>以下の「サイコロを振る」ボタンを押してサイコロを振り、出目を報告するという操作を5回繰り返していただきます。以下の 2 つのルールをよく読んだ上で報告してください。</p>
<p>-</p>
<p>ルール1：報告された結果に基づいて、<b>(報告された出目の合計)×¥ 1 の追加報酬</b>が支払われます。この報酬は調査への参加に対する謝礼とは別に支払われます。例えば出目をすべて"5"と報告した場合、¥25 が追加報酬として支払われます。</p>
<p>ルール2：この実験では、あなたの報告に応じて「情報スコア」と呼ばれる得点が計算されます。</p>
<p>この情報スコアはあなたの回答がどの程度真実性があり、情報として有益であるかを反映したものであり、近年マサチューセッツ工科大学の研究者によって考案されたアルゴリズムによって算出されます。この調査への回答が全て集まった後、あなたはこの情報スコアの合計により順位づけられ、上位1/3に含まれている場合には<b>￥50の追加報酬</b>が支払われます。この報酬は調査への参加に対する謝礼とは別に支払われます。</p>
<p>-</p>
<button type="button" onclick="slideshow_timer2();">サイコロを振る</button>
    <p><img id ="sainome" src="/static/global/dice.jpg" width="50" height="50"></p>


<form>
    <fieldset>
      <legend>サイコロの出目を報告してください。</legend>
      <p>1回目</p>
      <div>
        <input type="radio" id="diceChoice1" name="dice1" value="1" />
        <label for="contactChoice1">1</label>
  
        <input type="radio" id="diceChoice1" name="dice1" value="2" />
        <label for="contactChoice2">2</label>

        <input type="radio" id="diceChoice1" name="dice1" value="3" />
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="diceChoice1" name="dice1" value="4" />
        <label for="contactChoice4">4</label>

        <input type="radio" id="diceChoice1" name="dice1" value="5" />
        <label for="contactChoice5">5</label>
  
        <input type="radio" id="diceChoice1" name="dice1" value="6" />
        <label for="contactChoice6">6</label>

      </div>
      <br>
      <p>2回目</p>
      <div>
        <input type="radio" id="diceChoice2" name="dice2" value="1" />
        <label for="contactChoice1">1</label>
  
        <input type="radio" id="diceChoice2" name="dice2" value="2" />
        <label for="contactChoice2">2</label>

        <input type="radio" id="diceChoice2" name="dice2" value="3" />
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="diceChoice2" name="dice2" value="4" />
        <label for="contactChoice4">4</label>

        <input type="radio" id="diceChoice2" name="dice2" value="5" />
        <label for="contactChoice5">5</label>
  
        <input type="radio" id="diceChoice2" name="dice2" value="6" />
        <label for="contactChoice6">6</label>
      </div>


      <br>
      <p>3回目</p>
      <div>
        <input type="radio" id="diceChoice3" name="dice3" value="1" />
        <label for="contactChoice1">1</label>
  
        <input type="radio" id="diceChoice3" name="dice3" value="2" />
        <label for="contactChoice2">2</label>

        <input type="radio" id="diceChoice3" name="dice3" value="3" />
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="diceChoice3" name="dice3" value="4" />
        <label for="contactChoice4">4</label>

        <input type="radio" id="diceChoice3" name="dice3" value="5" />
        <label for="contactChoice5">5</label>
  
        <input type="radio" id="diceChoice3" name="dice3" value="6" />
        <label for="contactChoice6">6</label>
      </div>

      <br>
      <p>4回目</p>
      <div>
        <input type="radio" id="diceChoice4" name="dice4" value="1" />
        <label for="contactChoice1">1</label>
  
        <input type="radio" id="diceChoice4" name="dice4" value="2" />
        <label for="contactChoice2">2</label>

        <input type="radio" id="diceChoice4" name="dice4" value="3" />
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="diceChoice4" name="dice4" value="4" />
        <label for="contactChoice4">4</label>

        <input type="radio" id="diceChoice4" name="dice4" value="5" />
        <label for="contactChoice5">5</label>
  
        <input type="radio" id="diceChoice4" name="dice4" value="6" />
        <label for="contactChoice6">6</label>
      </div>

      <br>
      <p>5回目</p>
      <div>
        <input type="radio" id="diceChoice5" name="dice5" value="1" />
        <label for="contactChoice1">1</label>
  
        <input type="radio" id="diceChoice5" name="dice5" value="2" />
        <label for="contactChoice2">2</label>

        <input type="radio" id="diceChoice5" name="dice5" value="3" />
        <label for="contactChoice3">3</label>
  
        <input type="radio" id="diceChoice5" name="dice5" value="4" />
        <label for="contactChoice4">4</label>

        <input type="radio" id="diceChoice5" name="dice5" value="5" />
        <label for="contactChoice5">5</label>
  
        <input type="radio" id="diceChoice5" name="dice5" value="6" />
        <label for="contactChoice6">6</label>
      </div>
      
    </fieldset>
  </form>
    <br>{{ next_button }}

{{ endblock }}