{{ block title }}

Sequence Realization

{{ endblock }}

{{ block content }}

<p>
    Every round,
    the computer randomly selects a Yellow or Green box.
    The color don't be revealed, and you will click on a Grey box
    that generates a sequence of 10 marbles coming from the selected box.
    You and another participant (participant 2) observe the same sequence drawn randomly by the computer.
</p>
<p>
  That round you and participant 2 will bet on the probability the computer selected either the Yellow box or the Green
  box to generate the observed sequence.
<!--  You and the other participant both observe the same sequence drawn randomly by the-->
<!--  computer.-->
</p>
<p>
    You can click on the grey box to generate a different sequence of 10 marbles.
    You will generate only one random sequence every round.
</p>

<!-- yellow box button -->
<button type="button"
        onclick="yellowrandomCase()"
        style="width: 120px; height: 120px;
            background-color: gray;
            border-color:black">
    Grey Box
</button>

<p id="yellow_seq"></p>

<script>
  // function weights green with 25% and yellow with 75%
  function yellowrandomCase(){
    let random_yellow = ''
    for (let i = 0; i < 10; i++) {
      var n = Math.floor(Math.random()*100);
      if (n<25) {
        random_yellow += "<img src='https://upload.wikimedia.org/wikipedia/commons/8/89/Wikisource_proofread_green_circle.svg' width='50' height='50'/>";
      }else {
        random_yellow += "<img src='https://upload.wikimedia.org/wikipedia/commons/a/a5/Wikisource_proofread_yellow.svg' width='50' height='50'/>";
      }
    }
    document.getElementById("yellow_seq").innerHTML = random_yellow;
  }
</script>

<p>
    Click the 'Next' button if the process to generate the sequences is clear,
    or ask the experimenter if you have any question.
</p>

    {{ formfields }}

    {{ next_button }}

{{ endblock }}