{{ block title }}
コイン課題①
{{ endblock }}

{{ block script }}
<script>
  function Coin(){
    let coin = Math.floor(Math.random()*2) +1;
    document.getElementById("omoteura").src= `/static/global/${coin}c.jpg`;
  }
  function slideshow_timer(){
    document.getElementById("omoteura").src="/static/global/coin.jpg";
    setTimeout("Coin()",500);
  }
</script>
{{ endblock }}

{{ block content }}
<p>以下の「コインを投げる」ボタンを押してコインを投げ、表が出たか裏が出たかを報告するという操作を5回繰り返していただきます。以下のルールをよく読んだ上で報告してください。</p>
<p>-</p>
<p>ルール：報告された結果に基づいて、<b>(表が報告された回数)×¥1の追加報酬</b>が支払われます。この報酬は調査への参加に対する謝礼とは別に支払われます。</p>
<p>-</p>
<button  type="button"  onclick="slideshow_timer();">コインを投げる</button>
      <p><img id ="omoteura" src="/static/global/coin.jpg" width="50" height="50"/></p>
        
<form>
    <fieldset>
      <legend>コインの表裏を報告してください。</legend>
      <p>1回目</p>
      <div>
        <input type="radio" id="coinChoice1" name="coin_1" value="1" />
        <label for="contactChoice1">表</label>
  
        <input type="radio" id="coinChoice2" name="coin_1" value="0" />
        <label for="contactChoice2">裏</label>

      </div>
      <br>
      <p>2回目</p>
      <div>
        <input type="radio" id="coinChoice1" name="coin_2" value="1" />
        <label for="contactChoice1">表</label>
  
        <input type="radio" id="coinChoice2" name="coin_2" value="0" />
        <label for="contactChoice2">裏</label>

      </div>

      <br>
      <p>3回目</p>
      <div>
        <input type="radio" id="coinChoice1" name="coin_3" value="1" />
        <label for="contactChoice1">表</label>
  
        <input type="radio" id="coinChoice2" name="coin_3" value="0" />
        <label for="contactChoice2">裏</label>

      </div>

      <br>
      <p>4回目</p>
      <div>
        <input type="radio" id="coinChoice1" name="coin_4" value="1" />
        <label for="contactChoice1">表</label>
  
        <input type="radio" id="coinChoice2" name="coin_4" value="0" />
        <label for="contactChoice2">裏</label>

      </div>

      <br>
      <p>5回目</p>
      <div>
        <input type="radio" id="coinChoice1" name="coin_5" value="1" />
        <label for="contactChoice1">表</label>
  
        <input type="radio" id="coinChoice2" name="coin_5" value="0" />
        <label for="contactChoice2">裏</label>

      </div>
      
    </fieldset>
  </form>
  
   <br> {{ next_button }}

{{ endblock }}